Next.js Tutorial

1. Next.js Introduction

What Next.js adds over plain React, installing it, and the App Router's app/ directory convention.

2. Pages and Routing

File-based routing with the App Router, nested layouts, dynamic segments, and linking with next/link.

3. Data Fetching and Rendering Modes

Server Components fetching data directly, static/dynamic/ISR rendering modes, and when to use Client Components.

4. API Routes and Server Actions

Building an API with Route Handlers, mutating data with Server Actions, and when to use each.

5. Authentication in Next.js

A complete auth pattern using middleware for route protection and httpOnly session cookies.

6. Performance and Image Optimization

next/image, font optimization with next/font, and code splitting via next/dynamic.

7. Deploying Next.js Apps

Vercel vs self-hosting with next start or Docker, and environment variables per environment.

8. Next.js Interview Questions

Real Next.js interview questions covering Server vs Client Components, SSR/SSG/ISR, auth, and deployment.