Video Description

Avoid these 2 pitfalls when doing authentication in Next.js 👉 Kinde for auth & billing - get $50 credit (sponsored): https://kinde.com/bytegrad-aug25/ 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Video (NEW: Add Stripe Payments To Next.js In 2 Minutes! (Billing / Stripe / Kinde)): https://www.youtube.com/watch?v=67SRr5cLmQA Video (Next.js CSR vs SSR vs SSG vs ISR and now PPR!): https://www.youtube.com/watch?v=S5tjBqzs31w Video (Next.js PPR Is A Game-Changer!): https://www.youtube.com/watch?v=eti5c_IeJgI Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Kinde $50 credit for auth and more https://kinde.com/r?kinde_ref=e95bc6f8f17eda7c 👉 Work with me: [email protected] 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Intro 00:59 Previous video on SSG / SSR 01:36 IMPORTANT Authentication pitfall 1: authentication check 04:53 Dynamic APIs 05:09 searchParams example 06:38 Cookies & tokens 08:12 Add authentication 11:18 Authentication check in page component 14:50 Middleware preserves static rendering 16:22 IMPORTANT Authentication pitfall 2: displaying user info like email, avatar image, etc. 20:52 Client component preserves static rendering 23:26 Partial Pre-Rendering (PPR) #webdevelopment #reactjs #nextjs Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554