Как работает роутинг в Next.js?

Next.js связывает маршруты со структурой файлов; конкретные соглашения различаются у App Router и Pages Router.

В App Router папки задают сегменты, page — страницу, layout — общий каркас; [id] обозначает динамический сегмент. Pages Router строит маршруты из файлов в pages. Переходы через Link поддерживают клиентскую навигацию, но способ получения данных и серверного рендеринга зависит от выбранного роутера.

Источник: nextjs.org, nextjs.org.