docs/nextjs-style-guide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
dadfa83df566026098c809947a481ff118085565
nextjs-style-guide/docs/ru/workflow/creating-pages.md
S.Gromov b104ca6581
All checks were successful
CI/CD Pipeline / docker (push) Successful in 45s
Details
CI/CD Pipeline / deploy (push) Successful in 7s
Details
docs: рефакторинг документации — workflow, прикладные разделы, генерация RULES.md 
- Переработан раздел 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 с правилами для агентов
2026-03-29 11:43:23 +03:00

1.6 KiB
Raw Blame History

title
title
Добавление страницы

Добавление страницы

Как добавить новую страницу в проект по стандартам этого руководства.

Что нужно знать

Страница в проекте — это два файла: экран в src/screens/ (вся логика, стили, зависимости) и page.tsx в src/app/ (точка входа для роутинга Next.js). Экран генерируется из шаблона, page.tsx создаётся вручную.

Порядок действий

  1. Сгенерировать экран из шаблона screen в папку src/screens/.

  2. Заполнить экран логикой и стилями.

  3. Создать page.tsx в нужном маршруте src/app/. Файл страницы должен быть тонким — только metadata и рендер экрана. Никакой логики, стилей и хуков в page.tsx не размещается — всё это живёт в экране.

Правила

  • Ручное создание файловой структуры экрана запрещено — только генерация из шаблона.
  • Логика, стили и зависимости размещаются в экране, не в page.tsx.
  • Каждая страница содержит metadata с title и description.

Примеры page.tsx и metadata — Page-level компоненты.