Learn Next.js 13.4 Server Actions in 24 minutes (For beginners) 

Again.... Sonny has always breaking something complicate to small pieces and train us to think along side with his lessons - tutorials and give us some example so we can code better ourself later. Thanks Sonny ! Please Don't stop doing this 🔥🔥

Server actions are really cool, and so are your tutorials. Would love to see one for optimistic updates!

Learning server actions from your video was so much easier than diving into the docs. Thanks Sonny! Looking forward to the caching and optimistic update videos!

Awesome explanation Sonny, straight to the point - and covers all the things I needed to know, much appreciated

Ohh my goodness this tutorial is soooo good I literally changed my whole career after I started watching your tutorial. Thank you 🙏

Sonny, Sonny, Sonny, what a man you are. You help people get jobs and also help them keep those jobs. Thanks for the great content.

Very huge Thank you, man! That's literally the tutorial that i has been looking for! For next tutorials, I would ask you to make a video about "Caching" in details (Both CDN and Client-side caching) in Next js 13 💥

Pretty useful and explanatory video as alwasy Sonny. You never let us down man. Papafam is the best choice I've ever made!!! Sending tons of love at your side my friend

Thank you very much. I was struggling with the data refetch concept. and even though I have no knowledge in typescript you explained it very well. Thanks again

Nextjs just keeps getting better. Thanks sonny for keeping up with the pace.

Sir can you please explain about sharing data and state between server components and client components

This is the best tutorial so far on server actions

One of the best explanations on a coding topic I have ever heard!!

Left field comment, I know, but Sonny is such a catch. Brilliant, handsome, charismatic. You were heavily favored when your specs were being drawn up

Thank you so much for explaining useTransition hook!! I didn't even know about it. That is so useful!! amazing.

Thank you sir for clear explanation 🙌

I am stunned ... so much value! Thanks a lot Sonny

I'm really glad I watched this video

u r doing awesome job bro!! we are excited to learn more advanced features in Nextjs 🤩

Love your tutorials mate, so well articulated and structured. Absolute gem 💎

Sonny never disappoints ! I don't even know how to rate this level of skills

Very good explaining thanks so much for this

Good video mate, coming from traditional Next, app router did bring a few new flows, quite handy.

This is an epic bro, I really love your explanation as well as the way you present it. Thank you so much.

Super. That is exactly what I was looking for!

you video is great sonny! i'm just start learning nextjs and your video helping me a lot keep going brooo

Thanks man . Very informative difficult to find videos on latest releases of next js & also mockup api is so cool 🥺

this is a really cool tuto about a cool feature ( server actions ) , thank you for share it

i finally understand this, very great tutorial, thanks a lot ❤

Well explained.....thorough, untangling what's in alpha shows skills 💯

Server actions are very beneficial. It would be great to see a video on optimistic updates.

totally liked it. make video how to delate data plz

Omg best server action tutorial 🎉

Thanks for the video Sonny!

Best tutor evaa bro thanks a lot !!

Thanks for doing your videos. Appreciate it

Thank you for this wonderful content 😊

Next automatically imports the types globally if you rename 'typings.d.ts' to 'types.d.ts' so you don't have to declare type imports on each file

Great video !! thanks a lot

Oh bro! Was just waiting n finding this

You are a great teacher thank you

Nice video totally liked it. Please create a full video on Next.Js any clone..

thanks for the tutor man, this is cool

Hi Sonny, this is a great explanation of the new server functionality, can you tell me where would i need to add this revalidateTage when am using Prisma for database interactions?

Nice one Sonny, thanks 👍

Thank you brother

looking forward to useOptmistic and state management with server action (maybe compared to useEffect

Very very well done tutorial love it ❤

great vid as always. Can someone please explain whats the difference between revalidate tag and fetching the API again? both are same on paper. Thanks

Sonny you are a g mate

We would love a tutorial on useOptimistic hook.

You save me lots of time

Neat explanation!

you fucking rock master keep it up

It's definitely going to take some getting used to...could there be any potential pitfalls to not attaching state to the input fields and avoiding JS?

Maybe in a soon feature this become game changer! Thanks a lot. In your implementation server actions - how we can clear form after submitting? I try to ask chatGPT but only one they to do it - convert form to 'use client' Isn`t it?

you are hero Sony thankyou ❤

Good vid, Thanks

How do we make success feedbacks, and error messages when things go wrong?... Thanks for the tutorial ❤

Thx sonny!

Hello Sonny, can you prepare the NextJs 13.4 full course

@sonny, are you using github copilot? Can you please make a video on that about your experience of using it?

please put a video on optimistic update video. thanks in advance

can you make videos about dynamic routes? api routes?

Great video

Top thx a lot!

Great video. :). BTW what tools are you using to sketch UI @ 7:38?

that's important things you teach ths

Next.js got even faster.. 13.5.2 ❤

Thx !

amazing stuff!

Nice❤

Wooo let's GO ❤

bro perfect timing :-)

I am new to NextJs and I am confused about the distinction between server actions and route handlers. When should we use which one?

You're great! thank you! you've gained a subscriber ;) I've got a little question. Do you think it would be possible to add new cards, for example, by listening to a kafka topic? I know there's a kafkajs library. I've managed to consume the data from a topic but I don't know how to add an element to my page based on the new kafka messages :/ I thought the use server could do the job but I don't see how. Do you have an idea?

This video make to me to subscribe your channel ❤

Sonny thanks so much for the amazing content ♥. I had a question about NextJS13 and did not have any luck finding a satisfying answer on the net. How can we benefit from server side rendering features when we are using a UI library like Mantine or AntD? The problem that I have is that these libraries need a provider to wrap the entire app. However, if we do this all of our content should be inside client-side pages and we simply cannot use server-side for any page. How can we handle this issue?

Hi Sonny, great video as always. A question for you, is it a bad practice to fetch api on client components and convert them to async? still getting used to server-client logic of next js and i have big dilemma! thx..

@Sonny a liitle doubt - are server actions secure like can i use api keys and credentials while fetching

Very useful video ❤ Can u make a redux toolkit with nextjs 13.4 videoo.....

Biggggg love you sir ❤❤❤❤❤❤❣❣❣❣❣

Please explain how useOptimistic hook works as well. Thanks for this tutorial.

please make a video on optimistic updates

note to self: @21:30 docs nextjs for different formactions even buttons can use?

crazy!

can you make an app using DDD in the front-end side?

Hey Sonny, what is the repo name of the above tutorial.

nice video

hey sunny thanks for this! I wanted to ask how can we do a onclick on the added products so it leads us to their respective urls? Im using nextjs with supabase. Thanks!

I’m really curious how this would work with Prisma? Especially with the tags. I’m currently using Prisma to update my database at PlanetScale.

is server actions always expect formData.? Can it be passed directly without converting to formData.? @Sonny Sangha

How do you clear the input, how to handle validations

awesome

in my project i am using server actions with tanstack query. What is ur opinion about that? is it good way to go or not

Hello, I got stucked to implement google adsense to my newly released nextjs 13.4(App Router) project. I tried most of the tutorials which I found on google search and youtube search and didnot found any solutions to implement google adsense. I tried many npm packages also but they didnot worked for me. Please, make a complete video tutorial on how we can implement google adsense on Nextjs 13.4(app router) without losing SSR.

what about if we have a file input field in the form, how to handle it?

hey bro, small doubt how to add canonical tag for every url in next js 13

Can someone tell the extension that was suggested code most likely predictive that was used while coding? Thanks..

In what sernario does progressvie enhancement actually be needed? Don't really understand this part.