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

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

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

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

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

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

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

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

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

Создание пользовательского интерфейса

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

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

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