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

File-System Routing Basics

Understand the fundamental concepts of file-system based routing in Next.js and how to create basic pages and routes.

Intro to File-System Routing

Next.js routes by your file system — your folder and file layout directly defines your URLs. Files become pages, folders become URL segments.

The Core `app` Directory

Every route lives inside the special app directory — the root of your site's structure. Anything you put there shapes the routing.

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)