Menu
SecondaryFreeVideo lessonsCertificateBeginner

Introduction to Next.js

Build and ship a real web application with the App Router.

Modules
3 modules
Lessons
9 lessons
Estimated time
2 h 32 min
Instructors
Priya Raman
An illustration of a course outline with connected modules

What you will learn

  • Explain how file-based routing maps folders to URLs
  • Build nested layouts that share UI across pages
  • Decide what belongs in a server component and what needs the client
  • Fetch and cache data on the server without leaking secrets
  • Deploy an application with validated configuration

About this course

A hands-on introduction to building web applications with Next.js: routing, layouts, server and client components, data fetching, and deployment.

Written for learners who already know HTML, CSS, and the basics of JavaScript. Every module ends with something you can run.

Course outline

Getting started with Next.js3 lessons

What the framework is for, how a project is laid out, and how routing works.

  • Why Next.js?Preview12 min
  • Routing with the App Router18 min
  • Practice: add a route25 min
Building the interface3 lessons

Layouts, data, and the boundary between server and client components.

  • Layouts and shared UI20 min
  • Fetching data on the server22 min
  • Client components where they matter18 min
Shipping it3 lessons

From local build to deployed app: configuration, observability, and the checklist.

  • Environment and configuration15 min
  • The deployment checklist10 min
  • Course wrap-up and next steps12 min

Before you start

  • Comfortable with HTML, CSS, and modern JavaScript
  • Node.js installed locally (any current LTS)

Who this is for

  • Developers moving from plain React to a full framework
  • Students building their first deployed project

Your instructors