Course Objective
Build and deploy full-stack Next.js applications — App Router, server components, data fetching, API routes, middleware, and Vercel deployment.
0% complete1375 XP total
1
Environment, App Router & How Next.js Actually Works
Configure a Next.js project with VS Code, understand file-system routing, and know when to use Server vs Client components.
12m
Basic+1502
Data Fetching & Caching
Fetch and cache data efficiently using server components and the fetch API extensions.
11m
Basic+1503
API Routes & Server Actions
Create API routes with Route Handlers and perform mutations with Server Actions.
11m
Basic+1504
Dynamic Routes & Params
Implement dynamic routing including optional catch-all and parallel routes.
10m
Masters+1755
Middleware & Authentication
Write middleware to protect routes and redirect unauthenticated users.
11m
Masters+1756
Image, Font & Metadata Optimization
Configure next/image, next/font, and generate metadata for SEO and social sharing.
10m
Masters+1757
Environment Variables & Config
Configure environment variables, path aliases, and Next.js build settings for secure deployments.
10m
PhD+2008
Deployment & Vercel
Deploy a Next.js application to Vercel with custom domains and environment variables.
10m
PhD+200