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