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
Coming soon - 10
Generating Dynamic Metadata
Coming soon - 11
Managing Shared UI with Layouts
Coming soon - 12
Loading States with loading.js
Coming soon - 13
Handling Errors with error.js
Coming soon - 14
Not Found Pages
Coming soon - 15
Building Reusable Blog Components
Coming soon - 16
Introduction to Server Actions
Coming soon - 17
Building a Newsletter Sign-up Form
Coming soon - 18
Form Validation and Feedback
Coming soon - 19
Database Setup with Prisma
Coming soon - 20
Defining the Blog Schema
Coming soon - 21
Seeding Data
Coming soon - 22
Fetching Data from the Database
Coming soon - 23
Implementing Comment Functionality
Coming soon - 24
CRUD Operations for Comments
Coming soon - 25
Revalidating Data with revalidatePath
Coming soon - 26
Optimistic Updates
Coming soon - 27
Using Environment Variables
Coming soon - 28
Optimizing Images
Coming soon - 29
Deploying to Vercel
Coming soon - 30
Database Management in Production
Coming soon - 31
Advanced Tailwind Configurations
Coming soon - 32
Paginated Post Lists
Coming soon - 33
Using Font Optimization
Coming soon - 34
Middleware Basics
Coming soon - 35
Implementing Dark Mode
Coming soon - 36
Advanced Metadata Patterns
Coming soon - 37
Handling Large Data Sets
Coming soon - 38
Testing Components
Coming soon - 39
Performance Monitoring
Coming soon - 40
Static Site Generation (SSG)
Coming soon - 41
Incremental Static Regeneration (ISR)
Coming soon - 42
Customizing Error Pages
Coming soon - 43
Adding RSS Feed
Coming soon - 44
Integrating Third-Party Scripts
Coming soon - 45
Internationalization Basics
Coming soon - 46
Accessibility Best Practices
Coming soon - 47
Complex Form Handling
Coming soon - 48
Managing Database Connections
Coming soon - 49
Structuring Large Projects
Coming soon - 50
Using Route Handlers
Coming soon - 51
Webhooks and Integration
Coming soon