๐ Master **Next.js Authentication** without third-party services!
Learn how to build a **secure JWT-based auth system** using cookies & sessions without relying on Firebase, Supabase, or any third-party service**!
๐ Say goodbye to third-party auth services and take full control of your authentication system!
In this step-by-step tutorial, we cover:
โ
JWT-based authentication
โ
HttpOnly Cookies for enhanced security
โ
Session handling & best practices
โ
Protecting routes and APIs
โ
Preventing CSRF, XSS, and token theft
๐ Tech Stack Used:
๐ฅ Next.JS 15 WithApp Router, Server Actions, Middleware
๐ฅ Framer Motion For Animations
๐ฅ Scalable Server/Client Components
๐ฅ Node.JS Express Backend Authentication Server
๐ฅ Redis for Caching
๐ฅ MySQL for storing User details
๐ฅ Docker and Docker Compose for Services of all apps
Timestamps:
0:00 Introduction and Demo
04:02 Setting up Next.JS 15 app
06:00 Setup Nodejs app from GitHub repo
11:48 Add initial services for Backend using express
15:36 Run MySQL container on Docker with volumes
21:22 Run Redis container on Docker
23:14 Connect application to MySQL and Redis and Create tables
41:15 Building API for Create/Get user and add SQL Query for that
1:10:35 Hash passwords with bcryptjs and add login/signup routes
1:37:01 Generating and sending JWT Tokens for Auth
1:56:02 Encrypt Refresh tokens with crypto and store in Redis Cache with TTL
2:30:12 Set tokens in HTTP-Only cookies
2:54:36 Starting Next.JS app on frontend and creating login/signup pages
3:06:08 Introduction to Form Actions (Server Actions and Client Actions)
3:09:30 Creating Schema using ZOD schema
3:23:24 Creating Login and Signup Server Actions (Form Actions) with axios interceptors
3:46:18 Set cookies manually using set-cookie-parser
3:59:14 Validate cookies and access/refresh tokens by adding middleware on backend and frontend
5:09:30 Creating profile access route with middleware on backend.
5:23:04 Designing webpages with framer-motion
5:59:36 Optimizing app
6:07:04 Creating Dockerfile for backend and frontend
6:15:34 Creating docker-compose.yml for Nextjs, nodejs apps with adding separate envs for db
6:26:14 Summary and Next Steps
๐ **Source Code:**
Template: https://github.com/Nikhilthadani/Nodejs-Typescript-Template/tree/template
Full Code: https://github.com/Nikhilthadani/NextJs-Nodejs-Custom-Auth/tree/master
๐ **Linkedin:** https://www.linkedin.com/in/indiancoders/
๐ **Subscribe for More Full-Stack Tutorials!**
๐ **Like & Comment** if this helped you!
Video tags:
Nextjs 15 Authentication project,nextjs authentication, nextjs jwt authentication, nextjs auth tutorial,
nodejs authentication, secure nextjs auth,