Next.js 14 - Server Actions TUTORIAL | Type Safety, Error Handling, Pending States

Getting close to finishing the Next 14 Course, stay tuned for the update.

Resources ⛏️

🛴 Follow me on:

Dope tracks 🔥

#react #nextjs

[TheEdoRan]

Thank you so much Ed for featuring next-safe-action! Very glad you find it useful.

[developedbyed]

Let me know if you want me to make a demo for optimistic updates as well 👍👍

[Logicmontana]

Hey there ED That's fantastic news! I'm really happy to hear that you found this project helpful. It's always a good idea to have server actions that prioritize type safety and error handling. I must say, the demonstrations you shared are really informative and highlight some key aspects of server actions. It's great to see that Next.js 14 is bringing in some handy features to manage loading, errors, and success. Thank you so much for sharing this valuable information!

[marvinkr]

Glad to see you back! Saw you switch from tRPC to Server Actions in your repo. Is it due to the "experimental" stage of tRPC with server side calls?

[mihirkhode]

thanks, for introducing new packages. 👍

[sKhsCz]

thank you very much ed! :) you explained it so well, now i'm getting this rocked. thanks

[mdsafikulislam]

Please make a full playlist of NextJS 14~!

[dummymail]

When will your next14 course be published?❤

[doriandoussain]

Give it a shot work for heroine too, that's a double, nice shot

[neeshsamsi]

I've really been struggling with the prettier endlessly loading 11:08. Have you found a fix. I pruned unnecessary extensions and other things thinking there was too many extensions but it still happens often.

[Dhanushsaji]

What's the benefit using server actions over API?

[quoclam]

Can you make a video of how to do shadcn without typescript and nextjs?

[tnnz]

Sir is possible to fetch API from external in server action? I always got status code 303 even its succesed

[eca]

hello one question about min 6:15, in my app the values look like this: type Ingredient = {
name: string;
purchasePrice: Prisma.Decimal;
}
and I'm having an error ("Only plain objects can be passed to Server Functions"), so I have to to do in the onSubmit.
and in the definition of the action, undo by doing JSON.parse(ingredientData).
how would you deal with that without any additional package?

[midlajj]

Can you please provide the source code of last product adding form shown in this video...?

[JohnBuildWebsites]

Any idea why I might keep getting a fetch error when using `next-safe-action` saying "TypeError: Cannot redefine property: $$id". Works fine doing a raw db.insert without next-safe-action

[adarshdalvi]

I'm new to nextjs, consider me dumb. Even we don't write 'use server' on top of the file, it automatically becomes a server thing? like we only need to decalre 'use client' if it's a client component, otherwise it's a server thing by default?

[pratikbhagwat]

Hey what's the theme name of vs code

[dahliasan]

what is the difference between this method vs using react query?

[Lovedeep]

I appreciate your videos. However, if you copy and paste content, please take the time to explain the concepts. For instance, if someone watches a video expecting to learn about server actions but instead sees Zod validation stuff, it can be confusing. It's best to align the content with the video title. Overall, I really enjoy your videos, and I think you're awesome!