Files
svg-sprites/preview/ai/triggers/develop/create-page.md
S.Gromov e77e7dfcf1 refactor: заменить shiki на самописный highlighter и обновить архитектуру
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml
- CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts
- Превью переработано: React-приложение вместо инлайн HTML
- Добавлен футер с названием пакета и ссылкой на репозиторий
- Исправлена загрузка dev-data.js для Vite 8
- Футер прижат к низу, содержимое центрировано
2026-04-22 16:54:35 +03:00

1.5 KiB
Raw Blame History

title
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