Определение маршрутов

Рекомендуем прочитать страницу Основы маршрутизации перед продолжением.

Эта страница расскажет, как определять и организовывать маршруты в вашем приложении Next.js.

Создание маршрутов

Next.js использует файловую систему для маршрутизации, где папки определяют маршруты.

Каждая папка представляет сегмент маршрута, который соответствует сегменту URL. Для создания вложенного маршрута вы можете вкладывать папки друг в друга.

Специальный файл page.js делает сегменты маршрута общедоступными.

В этом примере путь URL /dashboard/analytics не является общедоступным, так как для него нет соответствующего файла page.js. Эта папка может использоваться для хранения компонентов, таблиц стилей, изображений или других сопутствующих файлов.

Полезно знать: для специальных файлов можно использовать расширения .js, .jsx или .tsx.

Создание интерфейса

Специальные соглашения о файлах используются для создания интерфейса каждого сегмента маршрута. Наиболее распространённые — страницы для отображения уникального интерфейса маршрута и макеты для отображения интерфейса, общего для нескольких маршрутов.

Например, чтобы создать свою первую страницу, добавьте файл page.js в директорию app и экспортируйте React-компонент:

export default function Page() {
  return <h1>Hello, Next.js!</h1>
}

export default function Page() {
  return <h1>Hello, Next.js!</h1>
}