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