0PricingLogin▼
Next.js 15 Fullstack (App Router + Server Actions) · Lesson

Pages & Layouts Overview

Explore the distinction between pages and layouts, and how they combine to form the UI structure of your Next.js application.

Welcome to Pages & Layouts

Next.js UI rests on two ideas: Pages and Layouts. This lesson shows what each one is and how they combine to build your interface.

What is a Page?

A Page is a React component that renders the UI for one route. Default-export it from a page.js file and that route gets its own view.

All lessons in this course

  1. Project Setup & CLI
  2. File-System Routing Basics
  3. Pages & Layouts Overview
  4. Styling Your Next.js App
← Back to Next.js 15 Fullstack (App Router + Server Actions)