Uploaded January 2024 | Updated September 2026, 2 weeks ago
Coding With Paul
|
How I Learned to Code in 4 Months & Got a Job! (No CS Degree, No Bootcamp ) #webdev #learntocode
🔇 TAP TO UNMUTE
![Building My Project with Next.js and Strapi [ Learning to code by building projects ]](https://i.ytimg.com/vi/uAuP1b-c2Cs/mqdefault.jpg "Building My Project with Next.js and Strapi [ Learning to code by building projects ]
#learntocode2025 #webdevelopment #buildinpublic
Friday Night Hangout 8:00 PM CST. Its Friday night, I am single, so I might as well do some coding. Building a profile page in my LMS project built with Next.js 15 and Strapi 5.
- Watch me try to code
- Ask questions
- Share some thoughts and ideas
Streaming my progress as I learn to code by building apps with Next.js and Strapi.")
![How To Set Up Next Auth 5 in Next.js 15 [ project code included ]](https://i.ytimg.com/vi/xHQQ5I7E_H8/mqdefault.jpg "How To Set Up Next Auth 5 in Next.js 15 [ project code included ]
Getting started with NextAuthJS 5 the easy way with Next.js 15
✨ Checkout Template From Magic UI: https://pro.magicui.design/?ref=cat
👉 project repo: https://github.com/PaulBratslavsky/next-15-strapi-5-starter/tree/main/client
😅 my site: https://www.codingafterthirty.com
In this tutorial, I will walk you through how I set up the NextAuthJS package to add authentication to my Next 15 JS application.
Authentication Setup and Configuration
🔐 NextAuth 5 streamlines authentication setup in Next.js 15 projects, with improved documentation and simplified configuration steps.
🛠️ Create an auth.ts file to add desired providers in the providers array, which automatically detects environmental tokens from local and vite config files.
Route Protection and Handling
🛡️ Utilize Next.js middleware to specify protected routes and implement authentication checks, redirecting unauthenticated users to the main page.
🔀 NextAuth 5 offers pre-built route handlers for authentication logic, easily importable and usable in your routes.
Session Management and User Experience
👤 The session provider in NextAuth 5 enables access to session status in React components, allowing for conditional rendering of authenticated content.
🔌 NextAuth 5 provides pre-built handlers for popular authentication providers like GitHub, simplifying integration in Next.js 15 projects.
Hope you enjoyed the tutorial. Thank you for watching.")
