> ## Documentation Index > Fetch the complete documentation index at: https://supastack.dev/llms.txt > Use this file to discover all available pages before exploring further. > For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt # Маркетинговые страницы Секции лендинга, юридические страницы, FAQ, changelog и конфигурация сайта. ## Прохождение для начинающих Предварительные требования: прочтите два приведенных ниже руководства для начинающих, завершите локальную веб-настройку и откройте этот монорепозиторий в корневой папке вашего редактора. Веб-настройки принадлежат `apps/web/.env.local`; Next.js не читает корень `.env`. `/dashboard` в поддельном режиме по умолчанию представляет собой демонстрацию без базы данных; `/auth` требуется перенесенная база данных. Вкратце: рабочее пространство — это отдельные пользователи, данные и настройки одной команды. Сервер является доверенным сервером; не допускайте попадания ключей провайдера в код браузера и телефона. Миграция — это изменение версии базы данных, при котором создаются или обновляются таблицы. Модель ИИ — это механизм, который отвечает; Каталог моделей — это список доступных идентификаторов моделей и цен на сервере. Поставщик — это внешняя служба, такая как служба искусственного интеллекта, электронной почты или службы выставления счетов. Право — это грант, который позволяет рабочей области использовать функцию. Вебхук — это сообщение, которое одна служба отправляет на URL другой службы. 1. Откройте `apps/web/src/marketing/site-config.ts` и измените название продукта, слоган, навигационные метки/URL-адреса и адрес поддержки на принадлежащие вам значения. 2. Замените `apps/web/public/og.png` и обновите его замещающий текст и размеры в `apps/web/src/marketing/seo.tsx` как одно изменение. 3. Обновите домашнюю страницу, FAQ, нижний колонтитул и предварительный просмотр в социальных сетях. Если старый текст остался, перед публикацией найдите в этом репозитории старое имя. Для пользовательского кода начните с предоставленного `prompts/README.md` и скопируйте ближайшее приглашение: `prompts/new-app-screen.md` для экрана приложения или `prompts/new-landing-page.md` для общедоступной страницы. Для работы с сервером, базой данных или провайдером дайте своему агенту кодирования задание из этого руководства и попросите его прочитать `AGENTS.md`, `.ai/PROJECT_CONTEXT.md` и соответствующие зеркала `.ai/`; проверьте точные исходные файлы, указанные здесь; список файлов и проверки перед редактированием; сохранять права собственности на рабочую область и секреты, доступные только серверу; и покажу вам разницу. Сообщите ему желаемое поведение, поля ввода и вывода, разрешенные роли, ожидаемые успехи и ошибки, а также тестовую учетную запись, поставщика или устройство. Используйте выборочные значения; никогда не вставляйте настоящий секрет. [Прежде чем начать](https://supastack.dev/ru/docs/web/before-you-start.md) [Основные сведения о терминале](https://supastack.dev/ru/docs/web/terminal-basics.md) [Локальная веб-настройка](https://supastack.dev/ru/docs/web/ship-in-5-minutes.md) [Подсказки агента и память проекта](https://supastack.dev/ru/docs/web/agents.md) ## Обновите конфигурацию сайта `apps/web/src/marketing/site-config.ts` владеет копией бренда, ссылками навигации/нижнего колонтитула, FAQ и дополнительными местами хранения/документов. Обновите это, прежде чем разбрасывать названия продуктов по компонентам. Собственный хром комплекта использует эту конфигурацию; копируемые хромированные блоки допускают реквизит продукта. ## Замените семейство активов вместе Общий знак из четырех плиток состоит из белых верхних левых/нижних правых и серых верхних правых/нижних левых плиток с тонкими контурами. Следите за тем, чтобы метки заголовка были прозрачными; значки/значки приложений используют закругленную черную подложку. Производные продукты могут заменить знак и связанные с ним ресурсы приложения/компьютера. Общая общедоступная социальная карта — `/og.png`; обновите его дескриптор в `marketing/seo.tsx`, указав размеры и замещающий текст. Карточки статей блога используют отдельный маршрут к следующему изображению. ## Проверьте каждую общественную поверхность Проверьте верхний/нижний колонтитул, контакты, FAQ, юридические страницы, локализованную домашнюю копию, заголовки и социальные карточки. Выберите режим маркетинговой темы вашего продукта и отправляйте только те ссылки на поддержку/контакты, которые работают. [Стили продукта](https://supastack.dev/ru/docs/web/theming.md) [Юридическая страница](https://supastack.dev/ru/docs/web/project-structure.md) [Метаданные и социальные карточки](https://supastack.dev/ru/docs/web/project-structure.md) ## Настройка и конфигурация Маркетинговая поверхность подключена к типизированным данным, а не к захардкоженному JSX — hero, секции функций, цены, FAQ, changelog, витрина, контакты и юридические страницы читают тексты и структуру из конфигурации сайта и файлов контента. MARKETING_THEME_MODE (src/theme/marketing-theme.ts) решает, остаётся ли маркетинг на зафиксированной тёмной теме кита, наследует ли тему посетителя или фиксирует конкретный пакет. Производные продукты выбирают собственный режим. ``` src/marketing/ branded chrome and sections src/kit/blocks/ copyable token-only section patterns marketing/ hero, features, product grid, pricing, FAQ, CTA app/ stat grid, data table, empty state, choice pills chrome/ site header, footer, prose page MARKETING_THEME_MODE = "locked" | "inherit" | "" ``` ## Рабочий процесс внедрения Сначала собирайте страницы из библиотеки блоков; если паттерна нет, пишите новый блок в том же стиле «только токены» и регистрируйте его в src/kit/blocks.ts. Держите маркетинговые компоненты вне продуктовых поверхностей — две системы оформления остаются раздельными. Локализованные тексты текут через словарь и оверлеи site-content; добавляйте ключи там, а не форкайте компоненты под каждый язык. ## Проверка и устранение неполадок Проверьте маркетинговую страницу на 320px и десктопе, с видимым фокусом клавиатуры, как минимум на одном светлом и одном тёмном пакете, и с reduced motion. Если маркетинговое утверждение ссылается на возможность, убедитесь, что связанная страница документации существует. ## Вперёд [SEO и шаринг](https://supastack.dev/ru/docs/web/seo.md)