Перейти к содержимому
supastack
Обзор документации
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /ru/docs/web/marketing-site.md (or send Accept: text/markdown).

Маркетинговые страницы

Секции лендинга, юридические страницы, 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/; проверьте точные исходные файлы, указанные здесь; список файлов и проверки перед редактированием; сохранять права собственности на рабочую область и секреты, доступные только серверу; и покажу вам разницу. Сообщите ему желаемое поведение, поля ввода и вывода, разрешенные роли, ожидаемые успехи и ошибки, а также тестовую учетную запись, поставщика или устройство. Используйте выборочные значения; никогда не вставляйте настоящий секрет.

Обновите конфигурацию сайта

apps/web/src/marketing/site-config.ts владеет копией бренда, ссылками навигации/нижнего колонтитула, FAQ и дополнительными местами хранения/документов. Обновите это, прежде чем разбрасывать названия продуктов по компонентам. Собственный хром комплекта использует эту конфигурацию; копируемые хромированные блоки допускают реквизит продукта.

Замените семейство активов вместе

Общий знак из четырех плиток состоит из белых верхних левых/нижних правых и серых верхних правых/нижних левых плиток с тонкими контурами. Следите за тем, чтобы метки заголовка были прозрачными; значки/значки приложений используют закругленную черную подложку. Производные продукты могут заменить знак и связанные с ним ресурсы приложения/компьютера.

Общая общедоступная социальная карта — /og.png; обновите его дескриптор в marketing/seo.tsx, указав размеры и замещающий текст. Карточки статей блога используют отдельный маршрут к следующему изображению.

Проверьте каждую общественную поверхность

Проверьте верхний/нижний колонтитул, контакты, FAQ, юридические страницы, локализованную домашнюю копию, заголовки и социальные карточки. Выберите режим маркетинговой темы вашего продукта и отправляйте только те ссылки на поддержку/контакты, которые работают.

Настройка и конфигурация

Маркетинговая поверхность подключена к типизированным данным, а не к захардкоженному 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" | "<pack-id>"

Рабочий процесс внедрения

Сначала собирайте страницы из библиотеки блоков; если паттерна нет, пишите новый блок в том же стиле «только токены» и регистрируйте его в src/kit/blocks.ts. Держите маркетинговые компоненты вне продуктовых поверхностей — две системы оформления остаются раздельными.

Локализованные тексты текут через словарь и оверлеи site-content; добавляйте ключи там, а не форкайте компоненты под каждый язык.

Проверка и устранение неполадок

Проверьте маркетинговую страницу на 320px и десктопе, с видимым фокусом клавиатуры, как минимум на одном светлом и одном тёмном пакете, и с reduced motion. Если маркетинговое утверждение ссылается на возможность, убедитесь, что связанная страница документации существует.

Часто задаваемые вопросы

14 вопросов

Что такое supastack?

supastack — модульная основа для создания SaaS-продуктов с AI. Она объединяет общую инфраструктуру, чтобы вы могли сосредоточиться на продуктовых функциях.

Поддерживает ли он web и mobile?

Да. supastack включает приложения Next.js и Expo как отправные точки для web- и мобильных интерфейсов.

Какая аутентификация включена?

Better Auth покрывает e-mail/пароль, OTP и социальный вход. Личные воркспейсы провижинируются вместе с аккаунтом, чтобы продуктовые записи были ограничены с первого дня.

Как он поддерживает AI?

supastack включает настраиваемый мультипровайдерный AI, учёт использования, бюджеты и зашифрованную поддержку bring-your-own-key.

Как обрабатываются подписки?

Для продуктов на ките Stripe-биллинг, подписки и права доступа образуют основу платного доступа. Секреты провайдеров остаются только на сервере.

Где живёт мой продуктовый код?

Продуктовые функции остаются в отдельном коде, а продукт настраивает и интегрирует модули основы supastack.

Как устроены цены supastack?

Кит — разовая покупка с пожизненными обновлениями: один фреймворк за $249 (временная стартовая цена — скидка $100 от стандартной цены $349) или все фреймворки (Next.js, iOS, Android) за $499 (временная стартовая цена — скидка $100 от стандартной цены $599), плюс $75 за каждое дополнительное место разработчика. Без подписки на кит. Оплата на этом сайте доставляет лицензионный ключ по e-mail, доступ к репозиторию — через приглашение GitHub.

Как воркспейсы ограничивают мои данные?

Записи пользователей ограничены по workspaceId. Идентичность, права доступа, AI-использование, события биллинга и записи аудита остаются внутри границы личного воркспейса.

Как работают фоновые задачи?

Trigger.dev — явный рантайм задач. Контракт JobRunner обещает только enqueue, status и cancel — семантика workflow остаётся специфичной для Trigger.dev и явной.

Чем почта отличается от рассылок?

Транзакционная почта покрывает продуктовые сценарии вроде уведомлений о завершении. Холодные рассылки и кампании — забота продукта, вне почтового модуля этого кита.

Как работают покупки в мобильном приложении?

Мобильное приложение поддерживает нативные покупки и восстановление через RevenueCat, а сервер проверяет доступ. Настройте аккаунты магазинов и завершите тестирование на устройствах перед публикацией. Веб-оплата остается отдельной.

Где хранятся ключи AI-провайдеров?

Bring-your-own-key креденшелы зашифрованы и остаются только на сервере. Ключи удаляются из логов; использование и бюджеты видны на уровне воркспейса.

Какие способы оплаты принимает оформление заказа?

Оформление заказа на Stripe принимает карты, а после включения кошельков в аккаунте Stripe может также предлагать Alipay и WeChat Pay — удобно для покупателей из Китая. Авторизации кошельков подтверждаются асинхронно, поэтому страница лицензии обновляется, как только платёж завершается.

Могу ли я получить возврат средств?

После получения доступа к репозиторию supastack остается вашим навсегда, поэтому возврат средств невозможен. Но будьте уверены: вы получаете полный исходный код с пожизненными обновлениями для создания и запуска неограниченного числа продуктов для себя или клиентов. Вы лишь не можете перепродавать код или распространять репозиторий как стартовый набор или шаблон.

RU
Тема