Avoid these Server Actions mistakes at all costs | Next.js
🚀FREE 2024 Next.js Visual CheatSheet: https://bit.ly/nextjs-visual-cheatsheet
I wasted a lot of time trying to figure out why certain things wouldn't work with server actions. I've been really enjoying building with Next.js server actions lately. I love it because my backend code now lives right alongside my frontend code, and my overall development time has drastically reduced. However, if you're not careful, you can easily waste a lot of time so learn from my mistakes.
#nextjs #react #nextjs14 #javascript #typescript
⭐️ Sign up for the Premium Next.js Course Waitlist:
https://bit.ly/nextjscourse
👉 FREE Next.js Best Practices Course:
https://bit.ly/nextjshottips
⏰ Timeline
00:00 - Intro
00:45 - App walkthrough
02:43 - Code walkthrough
05:50 - Mistake - You can't add Button in the same place as Form
09:33 - Mistake - Redirect won't work in try / catch
12:28 - Caching in Next.js Gotchas
14:37 - Mistake - Not knowing when to purge cache
28:24 - Can be tricky Manipulating state
🔗 RESOURCES
☎️ Book a 1:1 coaching session with me: https://bit.ly/30mins-coaching-with-a...
🔗 Codesandbox Link: https://codesandbox.io/p/devbox/serve...
💌 Frontend Newsletter:
Frontend Snacks 🍿 https://bit.ly/fesnacks
If you liked this video + the code then you will also love my newsletter Frontend Snacks. You will learn a new topic each week with cool visuals and snippets, the latest frontend news and behind-the-scenes exclusive updates that I don't share anywhere else.
✨ FREE Goodies: https://kulkarniankita.com/goodies