All 29 Next.js Mistakes Beginners Make

All 29 Next.js Mistakes Beginners Make

ByteGrad via YouTube Direct link

00:00 Intro

1 of 31

1 of 31

00:00 Intro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

All 29 Next.js Mistakes Beginners Make

Automatically move to the next video in the Classroom when playback concludes

  1. 1 00:00 Intro
  2. 2 01:58 Semaphor add analytics to your Next.js app!
  3. 3 04:11 #1: "use client" too high
  4. 4 09:45 #2: Not refactoring for "use client"
  5. 5 10:45 #3: Thinking a component is a server component because it does not have "use client"
  6. 6 12:28 #4: Thinking that a server component becomes a client component if you wrap it inside a client component
  7. 7 17:52 #5: Using state management Context API, Zustand, Redux in server components
  8. 8 19:37 #6: Using ‘use server’ to create a server component
  9. 9 21:46 #7: Accidentally leaking sensitive data from server to client
  10. 10 23:01 #8: Thinking that client components only run in the client
  11. 11 27:53 #9: Using browser API’s e.g. localStorage incorrectly
  12. 12 33:08 #10: Getting hydration errors
  13. 13 38:43 #11: Incorrectly dealing with third-party components
  14. 14 42:27 #12: Using route handlers for getting data
  15. 15 44:28 #13: Thinking it’s a problem to get the same data in different places
  16. 16 48:45 #14: Getting a ‘waterfall’ effect when fetching data
  17. 17 53:12 #15: Submitting data to server component or route handler
  18. 18 59:38 #16: Getting confused when the page doesn’t reflect data mutation
  19. 19 1:01:43 #17: Thinking that server actions can only be used in server components
  20. 20 1:03:40 #18: Forgetting to validate & protect server actions
  21. 21 1:07:26 #19: Adding ‘use server’ to make sure something stays on the server
  22. 22 1:09:35 #20: Misunderstanding dynamic routes params & searchParams
  23. 23 1:13:12 #21: Incorrectly working with searchParams
  24. 24 1:19:12 #22: Forgetting to deal with loading state
  25. 25 1:20:35 #23: Not being granular with Suspense
  26. 26 1:22:53 #24: Adding Suspense in the wrong place
  27. 27 1:23:40 #25: Forgetting ‘key’ prop for Suspense
  28. 28 1:29:49 #26: Accidentally opting a page out of static rendering
  29. 29 1:36:10 #27: Hardcoding secrets
  30. 30 1:39:52 #28: Not making a distinction between client and server utils
  31. 31 1:42:05 #29: Using redirect in try / catch

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.