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

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

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

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

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

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

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

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

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

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

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

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

export default function Page() {
  return <h1>Привет, Next.js!</h1>
}

export default function Page() {
  return <h1>Привет, Next.js!</h1>
}