- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml - CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts - Превью переработано: React-приложение вместо инлайн HTML - Добавлен футер с названием пакета и ссылкой на репозиторий - Исправлена загрузка dev-data.js для Vite 8 - Футер прижат к низу, содержимое центрировано
1.3 KiB
1.3 KiB
title
| title |
|---|
| Создать layout |
Создать layout
Инструкция по созданию layout.tsx в Next.js App Router.
Прочитай перед началом
- applied/page-level.md — правила layout.tsx: провайдеры, metadata, вёрстка
- applied/project-structure.md — структура
src/app/
Шаги
-
Определи уровень layout:
- Корневой (
src/app/layout.tsx) — провайдеры, глобальные стили, metadata - Вложенный (
src/app/{route}/layout.tsx) — layout для группы страниц
- Корневой (
-
Создай
layout.tsxв нужном маршруте. -
Вёрстку layout-обёрток вынеси в слой
layouts/(→ applied/page-level.md). -
Layout содержит только провайдеры и вызов layout-компонента — не вёрстку.
Смежные триггеры
- triggers/develop/create-page.md — страницы внутри layout
- triggers/develop/create-component.md — layout-компонент в
layouts/
Проверь себя
- Вёрстка вынесена в layout-компонент в
layouts/ - layout.tsx содержит только провайдеры и вызов layout-компонента