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

[@PattySpicy]

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 🔥🔥

[@hmaina0]

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.

[@renatomignogna6895]

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

[@AnindoSarker]

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

[@bhavikshah5869]

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!

[@SonnySangha]

I’m Glad it was helpful!💯💪🏽

[@developerpranav]

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

[@sudeshryan8707]

Wt is cool here? Wt problem does it solve? Its apparently Just a over complicated way to achieve the same thing

[@DigitalAlchemyst]

​@sudeshryan8707 it's all about the way it renders and speed and efficiency, you should pay attention to the video

[@mikail_dev]

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

[@sumitttpaul]

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

[@pranayprajapati5275]

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

[@kyle-andrewgovinder9902]

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

[@peterabiodunokusolubo1541]

This is the best tutorial so far on server actions

[@tunaralyarzada]

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 💥

[@karendoran3692]

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

[@hyper_channel]

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

[@marioskanellopoulos8780]

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

[@SonnySangha]

Thank you Mario I appreciate you!!!

[@downtownsocialite1206]

Thank you sir for clear explanation 🙌

[@failasuf950]

totally liked it. make video how to delate data plz

[@pk5388]

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

[@jeffmlb256]

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

[@SonnySangha]

❤️💯

[@CodingWithTaaxo]

I'm really glad I watched this video

[@waggadash]

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

[@fatihcan5890]

Best tutor evaa bro thanks a lot !!

[@தினேஷ்-சேலம்]

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

[@dainsleif3122]

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

[@fear0ne]

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?

[@leofaizan8886]

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

[@jacquitratongamanahaja979]

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

[@gowthamk5969]

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

[@AdhamKhalifa-h2p]

Very good explaining thanks so much for this

[@uixmat]

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

[@dalestewart]

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

[@sicario55]

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

[@SonnySangha]

Thank you!

[@mikail_dev]

We would love a tutorial on useOptimistic hook.

[@JohnnySalami-jo4jh]

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?

[@IvoTsochev]

Thanks for the video Sonny!

[@salahiddinediouri280]

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

[@crim-son]

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

[@umargulzar2982]

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

[@NOTHING-en2ue]

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

[@buzz.r.lightyear]

Super. That is exactly what I was looking for!

[@EK-rp8jp]

Omg best server action tutorial 🎉

[@davidkilamlya7630]

Hello Sonny, can you prepare the NextJs 13.4 full course

[@vikasni95]

Thank you for this wonderful content 😊

[@oliver1231033]

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

[@SonnySangha]

Awesome Il create a vid on it🔥

[@sharjilkhan7933]

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

[@andreyokhrimenko2271]

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?

[@PATILTANMAYVIJAY]

I have Same doubt, After submitting i want to redirect to next page. How can we achieve this?

[@andreyokhrimenko2271]

I think just use useRouter from "next/navigation" google to got example @@PATILTANMAYVIJAY

[@datamagaldadze1134]

can you make videos about dynamic routes? api routes?

[@learnearn8721]

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

[@noeldolan518]

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

[@imslaint]

thanks for the tutor man, this is cool

[@tomspatula616]

Great video !! thanks a lot

[@Tkamsker]

You are a great teacher thank you

[@SonnySangha]

Thank you! 😃 #PAPAFAM

[@chineducornelius6076]

Nice one Sonny, thanks 👍

[@MrElio74]

Thanks for doing your videos. Appreciate it

[@dainsleif3122]

Next.js got even faster.. 13.5.2 ❤

[@latch909]

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

[@czancdy144]

please make a video on optimistic updates

[@SonnySangha]

You got it!

[@alexandremezeray1502]

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?

[@blazi_0]

Very very well done tutorial love it ❤

[@CoderSineNomine]

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..

[@Ashish-_-]

Neat explanation!

[@programmingwithnit5308]

Thank you brother

[@___ruthless]

Sonny you are a g mate

[@deddyprianto3979]

you are hero Sony thankyou ❤

[@electricindro2236]

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

[@SonnySangha]

You got it! On the way!!

[@electricindro2236]

@@SonnySangha Thanks a lot! Really appreciate it ♥️

[@souravmehta5143]

Oh bro! Was just waiting n finding this

[@LêQuốcVương-c3y]

You save me lots of time

[@sharurocky8379]

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

[@aminjafarlou8919]

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?

[@ahmedabdelgawad2684]

Good vid, Thanks

[@ConorChepenik]

Great video

[@piyushkapoor5195]

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

[@Nicolas0325]

Thx sonny!

[@ayushshende4290]

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

[@appstuff6565]

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

[@beastnighttv]

amazing stuff!

[@NeoCoding]

that's important things you teach ths

[@peterabiodunokusolubo1541]

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

[@appstuff6565]

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!

[@appstuff6565]

@22:59

[@masterv2.045]

you fucking rock master keep it up

[@mathiasriissorensen6994]

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.

[@SonnySangha]

Il take a look!

[@marcogomesrd]

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

[@anowarulhassan5117]

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.

[@nicocouss7849]

Top thx a lot!

[@guled669]

How do you clear the input, how to handle validations

[@mohammadmoaid5282]

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

[@tauqeerhusain7521]

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

[@parkerrex]

bro perfect timing :-)

[@SonnySangha]

Haha I do try!! 🙏🏽

[@ajaysh73]

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

[@didheemose]

This video make to me to subscribe your channel ❤

[@alexg7282]

Thx !

[@7Yearsss]

May I ask what drawing tool you used in "explaining why we need server action"?

[@SonnySangha]

It’s called Screenbrush😄

[@7Yearsss]

@@SonnySangha thank u！！！

[@selvakumarforyou]

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

[@aguud]

nice video

[@prafullb4652]

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

[@MaKTaiL]

What if I use prisma to update and fetch from my DB, how can I revalidade it?

[@elmirshidev]

Nice❤

[@alsherifkhalaf7385]

what if I am fetching data with Prisma , how can i use revalidateTag ?

[@agvaandanzanjargalsaikhan4820]

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

[@maroofali9679]

Which Extention you are using for this files folder icons can you or anyone tell me ?