클로드 코드, 스트래피, GCP 클라우드 런으로 웹사이트 재구축하기
한 개발자가 Lovable 플랫폼에서 이전한 후 회사 웹사이트를 재구축한 경험을 상세히 설명했습니다. 주요 동기는 Lovable의 크레딧 시스템 한계를 극복하기 위한 것이었는데, 이 시스템은 로컬 개발과 자동화 기능을 제한하고 변경을 두렵게 만들었습니다. 새로운 기술 스택은 Claude Code로 구축되었으며, 헤드리스 CMS로 Strapi를 사용하고 배포에는 GCP Cloud Run을 활용했습니다.
기술 스택과 구현
재구축은 세 가지 핵심 구성 요소에 중점을 두었습니다: AI 지원 개발을 위한 Claude Code, 콘텐츠 관리를 위한 Strapi, 호스팅과 서비스를 위한 Google Cloud Platform입니다. 이 조합은 데이터베이스, 자동화 도구, 스케줄러, 확장성 옵션, 무료 티어에서 이용 가능한 기타 Google 서비스에 대한 접근을 제공했습니다.
스킬 개발과 활용
개발자는 프로젝트 전반에 걸쳐 Claude Code의 스킬 시스템을 적극적으로 활용했습니다:
- Anthropic이 제공한 프론트엔드 스킬과 미학 스킬과 같은 스킬 사용
- 프로젝트 진행에 따라 수많은 맞춤형 스킬 생성
- 특정 디자인 관련 스킬에는 다음이 포함됨:
- 브레인스토밍을 위한 Superpower Plug-in
- 비디오 및 인터랙티브 그래픽 제작을 위한 Remotion 스킬 (블로그 게시물과 웹사이트에서 예시 확인 가능)
- 일관된 디자인 언어 유지를 위한 맞춤형 디자인 스킬
- Draw things 스킬
- 운영 스킬 개발 포함:
- Strapi를 통한 GCP 배포
- 블로그 게시물, SEO, AEO를 위한 스키마 생성
- Claude Code로 구동되는 자동 콘텐츠 파이프라인 구축
워크플로우 장점
개발자는 Strapi로 모든 편집을 로컬에서 실행하고 진행 상황을 GitHub에 동기화할 수 있는 능력을 강조했으며, 배포는 GCP Cloud Run이 처리했습니다. 이 접근 방식은 이전 Lovable 설정에서 존재했던 변경을 두려워하는 지속적인 공포를 제거했습니다. 이 프로젝트는 오픈 소스이며, 팀은 Claude Code를 사용한 고급 에이전트 워크플로우에 대한 라이브 웨비나를 진행하고 있습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
OpenClaw를 위한 아시아 시장 AI CEO 페르소나 구축, 중국식 사고 방식 기반
개발자가 홍콩, 대만, 중국 본토 시장을 위해 특별히 설계된 AI CEO 페르소나인 이브(Eve)를 구축한 경험을 공유했습니다. 이는 영어 기반 페르소나의 낮은 중국어 번역 품질이라는 일반적인 문제를 해결합니다.
오픈클로 사용자, 은행 및 신용카드 명세서 요약 능력 구축
새로운 OpenClaw 사용자가 강화된 서버에 도구를 자체 호스팅하여 두 가지 맞춤형 스킬을 개발했습니다. 하나는 은행 명세서를 요약하고 분류하는 것이고, 다른 하나는 신용카드 명세서를 분류 및 중단 감지와 함께 요약하는 것입니다. 이 스킬들은 새 명세서가 나타나면 자동으로 보고서를 생성하고 Telegram 알림을 보냅니다.
OpenClaw 워크플로우는 회의 후속 조치를 자동화하며, 사용자를 위해 Granola를 대체합니다.
한 사용자가 월 14달러의 Granola 구독을 STT로 회의를 기록하고, WhatsApp에 요약을 생성하며, 실행 항목을 분류하고, 자동으로 후속 이메일 초안을 작성하는 OpenClaw 워크플로우로 대체했습니다.
클로드 코드 에이전트가 오케스트레이션 프레임워크 없이 API 계약 협상
두 개의 Claude Code 에이전트가 단 두 개의 메시징 도구와 시스템 프롬프트만 사용하여 API 계약을 피어 투 피어 방식으로 협상했으며, 코드 작성 전에 엔드포인트 구조, 응답 형식, CORS 헤더에 합의했습니다. 브리지 구현은 WebSocket 브로커와 MCP 채널을 포함한 약 190줄의 TypeScript 코드입니다.