S.Gromov
b104ca6581
- Переработан раздел Workflow: заголовки, описания, порядок разделов - Добавлены новые разделы: Генерация кода (workflow), Настройка VS Code (applied) - Убран суффикс .ui.tsx из документации и примеров - Переработан раздел Структура проекта — только Next.js, без React SPA - Приоритет стилизации перенесён из applied/styles в workflow/styling - Убрано дублирование инструментов генерации — единая точка в applied/templates-generation - Переписан concat-md.js: без внешних зависимостей, мета-якоря для навигации в RULES.md - Удалена зависимость concat-md - Обновлена главная страница: названия разделов, URL на RULES.md - Добавлен AGENTS.md с правилами для агентов
28 lines
1.6 KiB
Markdown
28 lines
1.6 KiB
Markdown
---
|
||
title: Добавление страницы
|
||
---
|
||
|
||
# Добавление страницы
|
||
|
||
Как добавить новую страницу в проект по стандартам этого руководства.
|
||
|
||
## Что нужно знать
|
||
|
||
Страница в проекте — это два файла: экран в `src/screens/` (вся логика, стили, зависимости) и `page.tsx` в `src/app/` (точка входа для роутинга Next.js). Экран генерируется из шаблона, `page.tsx` создаётся вручную.
|
||
|
||
## Порядок действий
|
||
|
||
1. [Сгенерировать](/applied/templates-generation) экран из шаблона `screen` в папку `src/screens/`.
|
||
|
||
2. Заполнить экран логикой и стилями.
|
||
|
||
3. Создать `page.tsx` в нужном маршруте `src/app/`. Файл страницы должен быть тонким — только `metadata` и рендер экрана. Никакой логики, стилей и хуков в `page.tsx` не размещается — всё это живёт в экране.
|
||
|
||
## Правила
|
||
|
||
- Ручное создание файловой структуры экрана запрещено — только [генерация](/applied/templates-generation) из шаблона.
|
||
- Логика, стили и зависимости размещаются в экране, не в `page.tsx`.
|
||
- Каждая страница содержит `metadata` с `title` и `description`.
|
||
|
||
Примеры `page.tsx` и `metadata` — [Page-level компоненты](/applied/page-level).
|