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

🔴 LOOKING FOR THE CODE FROM THE BUILDS? 🛠️

📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?

👇🏻FOLLOW ME HERE:

💰 WANT TO SUPPORT THE CHANNEL?

🕐 TIMESTAMPS:
00:00 Introduction
00:12 Benefits of Server Actions
00:38 Enabling Server Actions Feature
01:42 Building a Product Warehouse Example
03:16 Implementing MockAPI for the Backend
04:54 Adding an async / await function without caching
06:40 Explaining why we Need Server Actions (w/ Visuals)
08:10 Implementing a Server Action in a Server Component
11:49 Fixing the UI Update Problem with Tags
13:42 Explaining Progressive Enhancement
13:58 Explaining why Server Actions are Composable
15:37 revalidateTag vs revalidatePath
16:26 Implementing a Server Action in a Client Component
20:26 Adding multiple Server Actions
21:27 Explaining why startTransition disables Progressive Enhancement
23:09 Quick brief on useOptimistic Hook
23:53 Server Actions Summary
24:26 Outro

Let’s get it PAPAFAM 🔥.

#nextjs #reactjs #serveractions #tutorial #javascript #beginner #webdevelopment #tailwindcss

[PattyBeautCode]

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

[developerpranav]

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

[bhavikshah]

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!

[renatomignogna]

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

[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

[AnindoSarker]

Ohh my goodness this tutorial is soooo good

I literally changed my whole career after I started watching your tutorial. Thank you 🙏

[katushya]

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.

[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 💥

[sumitttpaul]

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

[CodingWithTaaxo]

I'm really glad I watched this video

[vvmnzjh]

Very good explaining thanks so much for this

[peterabiodunokusolubo]

This is the best tutorial so far on server actions

[marioskanellopoulos]

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

[pranayprajapati]

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

[imslaint]

thanks for the tutor man, this is cool

[dainsleif]

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

[waggadash]

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

[uixmat]

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

[karendoran]

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

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

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