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

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

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

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!

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?

@developedbyed I purchased your 2024 next js course. I am at the server actions example.. in your example the input of the form will clear on submit... when I click submit my input does not clear... the revalidatePath works to have it show up on the mapped Posts... except my input does NOT go blank like your input does in the example.. whats the deal with that? and what is the solution??

When will your next14 course be published?❤

I hope you are well Ed

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

does type-safe-zone works for server actions that integrate with api through fetch request? my backend is seperate

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!

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

Please make a full playlist of NextJS 14~!

waiting for the course!!

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 addIngredient(JSON.stringify(values)) 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?

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

Welcome back Ed!

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.

thanks, for introducing new packages. 👍

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

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?

Make a lot next js project

What's the benefit using server actions over API?

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

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

Amazing thank u Deved

My body is still ready

thank you

Thanks

Hey I got a challange for you, (Actually I faced the same & no anyware to go 😭 😂), Need to build a login & perform Remember me using access Token & Refresh Token which is provided by third-party backend server Use: Next Js (App directory: latest) Next-Auth

HE'S BAAACK!!!!!

great one

so many packages. would prefer long(er) lines of code rather than using lots of packages. IMO.

Hey what's the theme name of vs code

SECIND ONE HERE

You need to start using Prisma for database with postgres.

AWSEMOE !!

thanks

can you sponser me two 8gb ddr4 ram vscode can keep up

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

WOW

Source code?

Dang, so many tools I don't know 😭

8:35

Can someone please vacuum his mic pop filter? 🤣

Can i watch it without getting drunk?

Man you are being lazy, people are waiting for your videos, including me 😅

I hope you are well Ed

Where is the code links?

Can you drop the repo? :)