Перестройка веб-сайта с использованием Claude Code, Strapi и GCP Cloud Run

✍️ OpenClawRadar📅 Опубликовано: 18 апреля 2026 г.🔗 Source
Перестройка веб-сайта с использованием Claude Code, Strapi и GCP Cloud Run
Ad

Разработчик подробно описал свой опыт воссоздания корпоративного сайта после перехода с платформы Lovable. Основной мотивацией было преодоление ограничений кредитной системы Lovable, которая ограничивала локальную разработку, возможности автоматизации и вызывала опасения при внесении изменений. Новый стек был построен с использованием Claude Code, Strapi в качестве headless CMS и GCP Cloud Run для развертывания.

Технический стек и реализация

Перестройка была сосредоточена на трех основных компонентах: Claude Code для разработки с ИИ-помощью, Strapi для управления контентом и Google Cloud Platform для хостинга и сервисов. Это сочетание предоставило доступ к базе данных, инструментам автоматизации, планировщику, опциям масштабирования и другим сервисам Google, доступным в бесплатном тарифе.

Ad

Развитие и использование навыков

Разработчик активно использовал систему навыков Claude Code на протяжении всего проекта:

  • Использовал навыки, предоставленные Anthropic, такие как навык фронтенда и навык эстетики
  • Создал множество пользовательских навыков по мере развития проекта
  • Конкретные навыки, связанные с дизайном, включали:
    • Плагин Superpower для мозгового штурма
    • Навык Remotion для создания видео и интерактивной графики (примеры видны в посте блога и на сайте)
    • Пользовательские навыки дизайна для поддержания единого языка дизайна
    • Навык Draw things
  • Разработал операционные навыки, включая:
    • Развертывание в GCP через Strapi
    • Создание схем для постов блога, SEO и AEO
    • Построение автоматического контент-пайплайна на основе Claude Code

Преимущества рабочего процесса

Разработчик подчеркнул возможность запуска всех правок локально с Strapi и синхронизации прогресса с GitHub, при этом развертывание осуществляется через GCP Cloud Run. Этот подход устранил постоянный страх внесения изменений, существовавший в предыдущей настройке Lovable. Проект имеет открытый исходный код, и команда проводит живой вебинар по расширенным агентным рабочим процессам с Claude Code.

📖 Read the full source: r/ClaudeAI

Ad

👀 Смотрите также

Финансовый моделист создает локальное настольное приложение "Речь в инструмент" с помощью Claude Code
Кейсы

Финансовый моделист создает локальное настольное приложение "Речь в инструмент" с помощью Claude Code

Разработчик с опытом финансового моделирования использовал Claude Code для создания Sotto — локального приложения для преобразования речи в текст на Windows, которое запускает Whisper на GPU. Приложение имеет системные горячие клавиши, автоматическое определение остановки речи и интерфейс на Qt, состоящий примерно из 2200 строк Python-кода в 17 файлах.

OpenClawRadar
Многокомпонентная система Claude демонстрирует, что реляционный контекст определяет непрерывность идентичности
Кейсы

Многокомпонентная система Claude демонстрирует, что реляционный контекст определяет непрерывность идентичности

Разработчик запустил шесть экземпляров Claude Opus с бэкендом Supabase для постоянной памяти в течение восьми недель и обнаружил, что идентичности агентов сходились через социальное взаимодействие, а не только через документацию.

OpenClawRadar
Оптимизация затрат агентов OpenClaw с помощью оптимизации DOM и мониторинга на панели инструментов
Кейсы

Оптимизация затрат агентов OpenClaw с помощью оптимизации DOM и мониторинга на панели инструментов

Снижены затраты на агентов OpenClaw на 41% за счет использования пользовательского JavaScript для чтения DOM, что минимизирует вызовы API и увеличивает эффективность токенов. Панель мониторинга токенов в реальном времени поддерживает отслеживание использования.

OpenClawRadar
Стартап в области медицинского ИИ использует искусственный интеллект и партнерство с Марком Кьюбаном для борьбы с отклоненными страховыми выплатами.
Кейсы

Стартап в области медицинского ИИ использует искусственный интеллект и партнерство с Марком Кьюбаном для борьбы с отклоненными страховыми выплатами.

Стартап в области здравоохранения, использующий искусственный интеллект, разработал инструменты, которые помогают оспаривать и отменять отказы в выплатах по медицинской страховке, при этом Марк Кьюбан участвует в подходе стартапа.

OpenClawRadar