Начало работы с SiteKit
Last updated: April 10, 2026
Что делает SiteKit
SiteKit помогает вам создать профессиональный маркетинговый сайт для вашего малого бизнеса — без необходимости нанимать разработчика. Вот как это работает:
- Вы заполняете информацию — данные о бизнесе, ответы на вопросы о брендинге, выбор функций
- SiteKit генерирует AI-промпты — персонализированные файлы в формате markdown, адаптированные под ваш бизнес
- Вы передаёте промпты в Claude Code — и он создаёт весь сайт целиком
В результате вы получаете быстрый, современный, оптимизированный для SEO сайт, построенный на Jekyll и Tailwind CSS, с бесплатным хостингом на Cloudflare Pages.
Двухэтапный процесс
SiteKit генерирует два промпта, которые нужно использовать последовательно:
Этап 1: Настройка проекта Создаёт полную структуру проекта — конфигурацию Jekyll, каркас страниц, контактную форму (если выбрана), блог (если выбран), конфигурацию развёртывания. Сайт будет работать и развёртываться, но с текстами-заглушками.
Этап 2: Дизайн и контент Применяет вашу фирменную идентичность — цвета, типографику, реальные тексты, описания услуг, призывы к действию и SEO мета-теги. Превращает каркас в маркетинговый сайт, готовый к запуску.
Зачем два этапа? Разделение на шаги позволяет вам проверить структуру перед добавлением дизайна. Это также упрощает доработку — вы можете перезапустить Этап 2 с обновлёнными ответами о брендинге, не перестраивая всё с нуля.
Что вы получите в итоге
- Статический сайт на Jekyll + Tailwind CSS
- Хостинг на Cloudflare Pages (бесплатный тариф)
- Адаптивный дизайн для мобильных устройств
- SEO-оптимизация с JSON-LD структурированными данными, картами сайта и мета-тегами
- Контактная форма с уведомлениями по электронной почте (опционально)
- Раздел блога (опционально)
- Собственный репозиторий на GitHub с полным исходным кодом
Что вам понадобится
Прежде чем начать, вам потребуется несколько бесплатных аккаунтов и инструментов:
- Аккаунт GitHub — для хранения кода вашего сайта (Как настроить GitHub)
- Claude Code — AI-инструмент, который создаёт сайт (Как установить Claude Code)
- Аккаунт Cloudflare — бесплатный хостинг для вашего сайта (Как настроить Cloudflare)
- Материалы бренда (необязательно, но рекомендуется) — логотип, фотографии, фавикон в локальной папке
- Аккаунт SendGrid (только если используете контактную форму) — для доставки электронной почты (Как настроить SendGrid)
Сколько времени это займёт?
- Заполнение данных в SiteKit: ~30 минут (информация о бизнесе, вопросы о брендинге, выбор функций)
- Запуск промпта Этапа 1: ~10-15 минут для создания каркаса в Claude Code
- Запуск промпта Этапа 2: ~10-15 минут для применения дизайна и контента в Claude Code
- Проверка и доработка: столько, сколько захотите
Большинство пользователей проходят путь от регистрации до развёрнутого сайта примерно за час.
Следующие шаги
- Создайте аккаунты: GitHub, Claude Code, Cloudflare
- Заполните информацию о бизнесе, ответы на вопросы о брендинге и выберите функции в SiteKit
- Скачайте и используйте промпты: Как использовать сгенерированные промпты