Rebuilding a Website with Claude Code, Strapi, and GCP Cloud Run

A developer detailed their experience recreating their company website after moving from the Lovable platform. The primary motivation was to overcome limitations of Lovable's credit system, which restricted local development, automation capabilities, and created apprehension about making changes. The new stack was built with Claude Code, using Strapi as a headless CMS and GCP Cloud Run for deployment.

Technical Stack and Implementation

The rebuild centered on three core components: Claude Code for AI-assisted development, Strapi for content management, and Google Cloud Platform for hosting and services. This combination provided access to a database, automation tools, a scheduler, scalability options, and other Google services available under the free tier.

Skill Development and Usage

The developer heavily utilized Claude Code's skill system throughout the project:

• Used Anthropic-provided skills like the frontend skill and aesthetics skill
• Created numerous custom skills as the project progressed
• Specific design-related skills included:
  • Superpower Plug-in for brainstorming
  • Remotion skill for creating videos and interactive graphics (examples visible in the blog post and website)
  • Custom Design skills to maintain consistent design language
  • Draw things skill
• Developed operational skills including:
  • Deploying to GCP through Strapi
  • Creating schemas for blog posts, SEO, and AEO
  • Building an automatic content pipeline powered by Claude Code

Workflow Advantages

The developer emphasized the ability to run all edits locally with Strapi and sync progress to GitHub, with deployment handled by GCP Cloud Run. This approach eliminated the constant fear of making changes that existed with the previous Lovable setup. The project is open source, and the team is running a live webinar on Advanced Agentic Workflows with Claude Code.