EdgeOne Pages

LAYOUTS

Nested layouts Route Groups Parallel Routes

FILE CONVENTIONS

Loading Error Not Found

EdgeOne Pages

Next.js App Router Playground

Interactively demonstrates the core features of Next.js App Router, for exploring functionalities like Nested layouts, Loading, and more.

Layouts

Nested layouts share UI between routes and preserve state.

Route Groups organize routes without affecting the URL path.

Parallel Routes

Parallel Routes render multiple independent contents within the same layout.

File Conventions

loading.js displays a fallback UI while data is loading.

error.js catches errors and provides a custom fallback UI.

not-found.js handles custom 404 UI for unfound routes.