Перестройка веб-сайта с использованием Claude Code, Strapi и GCP Cloud Run
Разработчик подробно описал свой опыт воссоздания корпоративного сайта после перехода с платформы Lovable. Основной мотивацией было преодоление ограничений кредитной системы Lovable, которая ограничивала локальную разработку, возможности автоматизации и вызывала опасения при внесении изменений. Новый стек был построен с использованием Claude Code, Strapi в качестве headless CMS и GCP Cloud Run для развертывания.
Технический стек и реализация
Перестройка была сосредоточена на трех основных компонентах: Claude Code для разработки с ИИ-помощью, Strapi для управления контентом и Google Cloud Platform для хостинга и сервисов. Это сочетание предоставило доступ к базе данных, инструментам автоматизации, планировщику, опциям масштабирования и другим сервисам Google, доступным в бесплатном тарифе.
Развитие и использование навыков
Разработчик активно использовал систему навыков 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
👀 Смотрите также
Аспирант использует Claude для создания эксперимента по обнаружению AI-изображений.
Аспирант из The New School совместно с Claude создал сайт InPixelsWeTrust.org, который проверяет, могут ли пользователи отличить реальные фотографии от изображений, сгенерированных ИИ, в 6 раундах с 10-секундным принятием решений.
Разработчик использует код Claude для создания USB-ключа, автоматически запускающего игру Chrome Dino.
Разработчик создал USB-ключ на базе платы ATtiny85, который автоматически играет в игру Chrome Dino, обнаруживая препятствия с помощью световых датчиков и отправляя команды с клавиатуры. Claude Code помог в разработке прошивки, включая интеграцию V-USB, логику датчиков и алгоритмы адаптивного тайминга.
SDR использует видео-последующие сообщения, созданные с помощью ИИ, для повторного вовлечения холодных D2C-потенциалов
SDR (представитель по развитию продаж) в SaaS-компании, работающей с D2C (прямыми к потребителю) брендами, сообщает об успехе использования AI-сгенерированных видео-напоминаний вместо текстовых писем. Рабочий процесс включает написание промпта в Claude, создание видео с помощью Magic Hour и, при необходимости, улучшение озвучки с ElevenLabs.
Нетехнический основатель создает рабочую торговую площадку с помощью Claude Code.
Нетехнический основатель использовал Claude Code в терминале для создания двусторонней торговой площадки с использованием Next.js, TypeScript, Supabase, Tailwind и развертыванием на Vercel, включая полную аутентификацию, RLS и миграции базы данных.