SiteKit

Начало работы с SiteKit

Last updated: April 10, 2026

Что делает SiteKit

SiteKit помогает вам создать профессиональный маркетинговый сайт для вашего малого бизнеса — без необходимости нанимать разработчика. Вот как это работает:

  1. Вы заполняете информацию — данные о бизнесе, ответы на вопросы о брендинге, выбор функций
  2. SiteKit генерирует AI-промпты — персонализированные файлы в формате markdown, адаптированные под ваш бизнес
  3. Вы передаёте промпты в Claude Code — и он создаёт весь сайт целиком

В результате вы получаете быстрый, современный, оптимизированный для SEO сайт, построенный на Jekyll и Tailwind CSS, с бесплатным хостингом на Cloudflare Pages.

Двухэтапный процесс

SiteKit генерирует два промпта, которые нужно использовать последовательно:

Этап 1: Настройка проекта Создаёт полную структуру проекта — конфигурацию Jekyll, каркас страниц, контактную форму (если выбрана), блог (если выбран), конфигурацию развёртывания. Сайт будет работать и развёртываться, но с текстами-заглушками.

Этап 2: Дизайн и контент Применяет вашу фирменную идентичность — цвета, типографику, реальные тексты, описания услуг, призывы к действию и SEO мета-теги. Превращает каркас в маркетинговый сайт, готовый к запуску.

Зачем два этапа? Разделение на шаги позволяет вам проверить структуру перед добавлением дизайна. Это также упрощает доработку — вы можете перезапустить Этап 2 с обновлёнными ответами о брендинге, не перестраивая всё с нуля.

Что вы получите в итоге

  • Статический сайт на Jekyll + Tailwind CSS
  • Хостинг на Cloudflare Pages (бесплатный тариф)
  • Адаптивный дизайн для мобильных устройств
  • SEO-оптимизация с JSON-LD структурированными данными, картами сайта и мета-тегами
  • Контактная форма с уведомлениями по электронной почте (опционально)
  • Раздел блога (опционально)
  • Собственный репозиторий на GitHub с полным исходным кодом

Что вам понадобится

Прежде чем начать, вам потребуется несколько бесплатных аккаунтов и инструментов:

  1. Аккаунт GitHub — для хранения кода вашего сайта (Как настроить GitHub)
  2. Claude Code — AI-инструмент, который создаёт сайт (Как установить Claude Code)
  3. Аккаунт Cloudflare — бесплатный хостинг для вашего сайта (Как настроить Cloudflare)
  4. Материалы бренда (необязательно, но рекомендуется) — логотип, фотографии, фавикон в локальной папке
  5. Аккаунт SendGrid (только если используете контактную форму) — для доставки электронной почты (Как настроить SendGrid)

Сколько времени это займёт?

  • Заполнение данных в SiteKit: ~30 минут (информация о бизнесе, вопросы о брендинге, выбор функций)
  • Запуск промпта Этапа 1: ~10-15 минут для создания каркаса в Claude Code
  • Запуск промпта Этапа 2: ~10-15 минут для применения дизайна и контента в Claude Code
  • Проверка и доработка: столько, сколько захотите

Большинство пользователей проходят путь от регистрации до развёрнутого сайта примерно за час.

Следующие шаги

  1. Создайте аккаунты: GitHub, Claude Code, Cloudflare
  2. Заполните информацию о бизнесе, ответы на вопросы о брендинге и выберите функции в SiteKit
  3. Скачайте и используйте промпты: Как использовать сгенерированные промпты