Next.js: Build Full-Stack Apps with the App Router
Master Next.js from scratch — build full-stack apps with the app router.
What you'll learn
By the end you can confidently apply Next.js at a beginner level: build full-stack apps with the app router, with real, working code.
Who it's for
Developers learning Next.js at a beginner level.
Prerequisites
React basics and JavaScript.
A structured, hands-on beginner course on Next.js, taking you from scratch by building a full-stack blog with the App Router.
Curriculum
- 1
Setting Up Your First Next.js Project
3 min - 2
Understanding the App Router Architecture
4 min - 3
Server vs Client Components
4 min - 4
Building the Root Layout
4 min - 5
Styling with Tailwind CSS
4 min - 6
Creating the Blog Homepage
4 min - 7
Implementing Navigation with Link
3 min - 8
Static Page Routing
4 min - 9
Introduction to Dynamic Routes
4 min - 10
Generating Dynamic Metadata
4 min - 11
Managing Shared UI with Layouts
4 min - 12
Loading States with loading.js
4 min - 13
Handling Errors with error.js
3 min - 14
Not Found Pages
4 min - 15
Building Reusable Blog Components
4 min - 16
Introduction to Server Actions
4 min - 17
Building a Newsletter Sign-up Form
4 min - 18
Form Validation and Feedback
4 min - 19
Database Setup with Prisma
3 min - 20
Defining the Blog Schema
4 min - 21
Seeding Data
4 min - 22
Fetching Data from the Database
3 min - 23
Implementing Comment Functionality
4 min - 24
CRUD Operations for Comments
3 min - 25
Revalidating Data with revalidatePath
3 min - 26
Optimistic Updates
4 min - 27
Using Environment Variables
4 min - 28
Optimizing Images
4 min - 29
Deploying to Vercel
4 min - 30
Database Management in Production
4 min - 31
Advanced Tailwind Configurations
4 min - 32
Paginated Post Lists
4 min - 33
Using Font Optimization
4 min - 34
Middleware Basics
4 min - 35
Implementing Dark Mode
4 min - 36
Advanced Metadata Patterns
4 min - 37
Handling Large Data Sets
4 min - 38
Testing Components
3 min - 39
Performance Monitoring
3 min - 40
Static Site Generation (SSG)
4 min - 41
Incremental Static Regeneration (ISR)
4 min - 42
Customizing Error Pages
4 min - 43
Adding RSS Feed
3 min - 44
Integrating Third-Party Scripts
4 min - 45
Internationalization Basics
4 min - 46
Accessibility Best Practices
5 min - 47
Complex Form Handling
3 min - 48
Managing Database Connections
4 min - 49
Structuring Large Projects
3 min - 50
Using Route Handlers
4 min - 51
Webhooks and Integration
4 min