All Courses
beginner Next.js

Next.js: Build Full-Stack Apps with the App Router

Master Next.js from scratch — build full-stack apps with the app router.

51 lessons 8 available ~30 min total
Start the course

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. 1

    Setting Up Your First Next.js Project

    3 min
  2. 2

    Understanding the App Router Architecture

    4 min
  3. 3

    Server vs Client Components

    4 min
  4. 4

    Building the Root Layout

    4 min
  5. 5

    Styling with Tailwind CSS

    4 min
  6. 6

    Creating the Blog Homepage

    4 min
  7. 7

    Implementing Navigation with Link

    3 min
  8. 8

    Static Page Routing

    4 min
  9. 9

    Introduction to Dynamic Routes

    Coming soon
  10. 10

    Generating Dynamic Metadata

    Coming soon
  11. 11

    Managing Shared UI with Layouts

    Coming soon
  12. 12

    Loading States with loading.js

    Coming soon
  13. 13

    Handling Errors with error.js

    Coming soon
  14. 14

    Not Found Pages

    Coming soon
  15. 15

    Building Reusable Blog Components

    Coming soon
  16. 16

    Introduction to Server Actions

    Coming soon
  17. 17

    Building a Newsletter Sign-up Form

    Coming soon
  18. 18

    Form Validation and Feedback

    Coming soon
  19. 19

    Database Setup with Prisma

    Coming soon
  20. 20

    Defining the Blog Schema

    Coming soon
  21. 21

    Seeding Data

    Coming soon
  22. 22

    Fetching Data from the Database

    Coming soon
  23. 23

    Implementing Comment Functionality

    Coming soon
  24. 24

    CRUD Operations for Comments

    Coming soon
  25. 25

    Revalidating Data with revalidatePath

    Coming soon
  26. 26

    Optimistic Updates

    Coming soon
  27. 27

    Using Environment Variables

    Coming soon
  28. 28

    Optimizing Images

    Coming soon
  29. 29

    Deploying to Vercel

    Coming soon
  30. 30

    Database Management in Production

    Coming soon
  31. 31

    Advanced Tailwind Configurations

    Coming soon
  32. 32

    Paginated Post Lists

    Coming soon
  33. 33

    Using Font Optimization

    Coming soon
  34. 34

    Middleware Basics

    Coming soon
  35. 35

    Implementing Dark Mode

    Coming soon
  36. 36

    Advanced Metadata Patterns

    Coming soon
  37. 37

    Handling Large Data Sets

    Coming soon
  38. 38

    Testing Components

    Coming soon
  39. 39

    Performance Monitoring

    Coming soon
  40. 40

    Static Site Generation (SSG)

    Coming soon
  41. 41

    Incremental Static Regeneration (ISR)

    Coming soon
  42. 42

    Customizing Error Pages

    Coming soon
  43. 43

    Adding RSS Feed

    Coming soon
  44. 44

    Integrating Third-Party Scripts

    Coming soon
  45. 45

    Internationalization Basics

    Coming soon
  46. 46

    Accessibility Best Practices

    Coming soon
  47. 47

    Complex Form Handling

    Coming soon
  48. 48

    Managing Database Connections

    Coming soon
  49. 49

    Structuring Large Projects

    Coming soon
  50. 50

    Using Route Handlers

    Coming soon
  51. 51

    Webhooks and Integration

    Coming soon