👉 Kinde: https://bit.ly/3QOe1Bh (paid sponsorship)
👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh

👉 NEW 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 What should be protected in Next.js?
03:48 Cookies and tokens (JWT)
04:27 Auth solution: External (Kinde) vs Do It Yourself?
06:18 Kinde setup
07:56 Protect routes (server components)
10:09 Logout link
11:17 Login link & Register link
11:52 Layout vs Page (where to do auth check?)
14:05 Middleware vs Page (where to do auth check?)
17:49 Protect server actions
20:25 Pitfall: using server action on unprotected route
21:50 Protect route handlers
22:08 Show user info in header: client-side auth (avatar + email in header)
23:28 Pitfall: static & dynamic rendering (IMPORTANT!)
27:44 Connecting external auth solution with your own database
29:45 Pitfall: forgetting authorization
32:14 Roles & Permissions (admin role)
35:09 Best practice: Data Access Layer (DAL)

#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 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)

ByteGrad

This post provides a comprehensive guide on implementing authentication in Next.js 15, emphasizing server-side security, proper use of cookies and tokens, and the importance of roles and permissions. It highlights best practices and pitfalls to avoid when using server components and middleware to protect routes and actions. Additionally, it underscores the benefits of using third-party services for authentication to avoid errors and save development time.

Next.js 15 Authentication COMPLETE Guide (+ Best Practices, Pitfalls)

Anyone in need of a dev assistant, I’m available

Awesome guide! ⚡ If you’re working with authentication in Next.js 15, check out Logar an open-source auth solution built for modern apps. Simple, secure, and easy to integrate!
GitHub: <a href="https://github.com/HardikGohilHLR/logar" target="_blank" rel="noopener nofollow">https://github.com/HardikGohilHLR/logar</a>
Live: <a href="https://logar-app.netlify.app/" target="_blank" rel="noopener nofollow">https://logar-app.netlify.app/</a> 🚀

Hello Im a new vie to next Js . Can any help me with beginners tutorials ?