01
Next.js 15 App Router
// ...Framework overview
App directoryFile conventionsServer/Client components
UNITS
10 LESSONS
02
Routing & Layouts
// ...File-based routing
Nested routesLayoutsLoading/Error UI
03
Dynamic Routes
// ...Parameters and catch-all
Dynamic segmentsOptional catch-allParallel routes
04
SSR vs SSG vs ISR
// ...Rendering strategies
When to use eachPerformance implicationsCaching
05
Data Fetching
// ...Server-side data
Fetch in Server ComponentsCachingRevalidation
06
Metadata & SEO
// ...SEO optimization
Metadata APIOpen GraphStructured data
07
Route Handlers
// ...API endpoints in Next.js
HTTP methodsRequest/ResponseUse cases
08
Server Actions Intro
// ...Mutations without APIs
Form actionsSerializationOptimistic updates
09
Authentication Concepts
// ...Auth patterns overview
Session vs JWTNextAuth overviewMiddleware
10
Protected Routes
// ...Auth-gated content
Middleware authServer-side checksRedirect patterns
PROJECTS
2 BUILDS
Content Site
10hBlog with MDX and SEO
Next.jsMDXMetadata
REQUIREMENTS
- MDX blog posts
- SEO metadata
- RSS feed
- Sitemap
Dashboard Shell
6hAuth skeleton for future apps
AuthLayoutsRouting
REQUIREMENTS
- Login/signup pages
- Protected layout
- User session
INTERACTIVE
2 TOOLS
Rendering Mode Compare
SSR/SSG/ISR side-by-side
15 minRoute Visualizer
File to route mapper
10 min