Глава 24. Структура Next.js проекта и layout

Зачем эта глава

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

Папка app — основа роутинга в Next.js.

Файл layout.jsx задаёт общий каркас для страниц.

В page.jsx лежит содержимое конкретной страницы.

Структура

app/
layout.jsx
page.jsx
about/
  page.jsx

Важно: layout и page — это обычные React-компоненты, но с особым назначением.

Ты понимаешь, как устроен каркас Next.js приложения.

Цель: добавить общую шапку.

Требования: шапка в layout и текст на каждой странице.

Критерий готовности: шапка отображается на всех страницах.