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.
📖 Read the full source: r/ClaudeAI
👀 See Also
Radio Free Gemma: Disaster AI via Meshtastic and Local LLM
A developer runs a Gemma 4:26B model locally on a mesh network using Meshtastic and OpenClaw, providing RAG-based emergency info via radio when cellular is down.
Corporate Developer's Claude Workflow for Backend Development
A backend developer at a large US finance company shares their Claude workflow: providing detailed task descriptions with specs and internal documents, using Claude to create a working markdown document, then employing a codeReviewing agent with organizational style guidelines.
Developer builds flight comparison tool with Claude Code using BDMA approach
A non-developer built easyscape.eu using Claude Code with a BDMA (build/debug/measure/adjust) loop approach. The tool compares multiple departure airports, integrates real costs like road tolls and parking, and shows the most economical departure option, not just the cheapest ticket.
How I reduced OpenClaw costs by 60% through model routing
An OpenClaw user cut API costs from $420 to $168 in 20 days by analyzing usage patterns and routing tasks to appropriate models instead of using Claude Opus for everything. The breakdown showed 70% of tasks were simple and could use cheaper models.