All 29 Next.js Mistakes Beginners Make
All 29 Next.js Mistakes Beginners Make
#Next.js #Mistakes #Beginners
“ByteGrad”
Check out Semaphor for analytics here: (paid sponsorship).
Hi, I’m Wesley. I’m a brand ambassador for Kinde (paid sponsorship).
👉 Check out Kinde for auth and more
👉 NEW React & Next.js Course:
👉 Professional JavaScript Course:
👉 Professional CSS Course:
👉 Web development roadmap 2024 & 2025:
👉 Email newsletter (BIG update soon):
👉 Discord: all my courses have a private Discord where I actively participate
👉 Kinde: check out Kinde for auth and more
⏱️ Timestamps:
00:00 Intro
01:58 Semaphor (add analytics to your Next.js app!)
04:11 #1: “use client” too high
09:45 #2: Not refactoring for “use client”
10:45 #3: Thinking a component is a server component because it does not have “use client”
12:28 #4: Thinking that a server component becomes a client component if you wrap it inside a client component
17:52 #5: Using state management (Context API, Zustand, Redux) in server components
19:37 #6: Using ‘use server’ to create a server…
source
To see the full content, share this page by clicking one of the buttons below |
This is a very good video. Nice work
great 🙂
Wonder full great explanation thank you brother. please also make a video on security in nextjs. how to add rateLimiter etc.
wowzers! this was awesome 2 hours!
agreed with comments above, mistakes you were showing, was the mistakes i made in a some of my previous projects
great job! subscribed!
Most concise react content creator, thanks a lot for the tutorials!
Just "return redirect()"
What about use clients on layout if some package requires use client to run like amplify auth
This is pure gold.
How to implement ISR ???
myyyyyyy heroooo its a treasure for nextjs devs!! really expecting a video like this from you!!
I've been working with Nextjs for two years and you made me aware of so much mistakes I made in past projects. Great video.
Please make a similar one for next-auth, thank you Grad.
Please make a similar one for next-auth, thank you Grad.
It's 💎
you are THE ONLY ONE who actually is trying to explain this on examples which aren't complete copies of the documentation together with the same, exactly the same, explanation. I'm so thankful I can't even express this properly in words, it's very frustrating to look for some explanations and just getting these videos with the exact documentation copy paste with 0 info over and over and over again…… man
Great tips!!!
Amazing! Awesome! Fabulous! You have explained ALL what all common confusions go on with NextJs. NextJs should include this video in their official guides and help/troubleshoot/Faqs docs. This cleared most of my doubts for which I was not finding a fitting resolutions together combined anywhere else. ❤ Thanks alot #ByteGrad
Thank you. Great Explanation!
This is gold, thank you. Well explained, especially the server/client component differences and woes, such as Hydration errors.
Extra Side Note: I rarely, if ever, watch a 2h video tutorial in one go, so kudos for keeping it extremely relevant for Next.js devs 🙂
thanks. i learned a lot
Intrusive thoughts: Take a shot every time "component" is being said
thank you very much this is a really great masterclass on next.
Phenomenal collection!
exactly what i was looking for. keep it up!
Highly comprehensive video!
Keep going