Skip to content
Tutorial

Rebuild any marketing website with Claude Code (Live session)

Create With1:02:52305 views

Summary

Julian Galluzzo from Ship Studio demonstrates a comprehensive live session on rebuilding marketing websites using Claude Code, including a detailed case study of rebuilding Memberstack's 100+ page website in two weeks. The session covers practical workflows, prompt strategies, database integration, and deployment processes, providing actionable insights for developers and agencies looking to leverage AI-powered coding tools.

What You'll Learn

Transforming Website Development with Claude Code

The landscape of web development is shifting dramatically as AI coding assistants become increasingly sophisticated. Julian Galluzzo, founder of Ship Studio, recently demonstrated how Claude Code can compress months of traditional development work into just two weeks — without sacrificing quality or functionality.

This isn't theoretical. Julian's team rebuilt Memberstack's entire marketing website, comprising over 100 pages, in a fraction of the time conventional development would require. The session reveals the exact workflows, prompt strategies, and deployment processes that made this possible.

The Memberstack Rebuild: A Real-World Case Study

The Memberstack project represents a significant test of Claude Code's capabilities. This wasn't a simple landing page — it was a complex, multi-page marketing site with sophisticated functionality and design requirements.

Julian's approach centered on treating Claude Code as a collaborative partner rather than a simple code generator. The rebuild process involved iterative refinement, where each prompt built upon previous outputs, gradually shaping the site to match specific requirements.

The two-week timeline included full design implementation, responsive layouts across all pages, integration with backend systems, and deployment to production. Traditional development approaches would typically require 6-8 weeks for a project of this scope.

The Document First Prompt Strategy

One of the most valuable techniques Julian shares is the 'Document First' approach. Rather than jumping straight into code generation, this method involves creating comprehensive documentation that outlines the project's structure, components, and requirements.

This documentation serves as a reference point for Claude Code, ensuring consistency across the entire build. When generating new components or pages, Claude can reference this documentation to maintain alignment with established patterns and design systems.

The strategy reduces the need for extensive prompt engineering on every request. Instead of repeatedly explaining the same context, you establish it once in the documentation and reference it throughout the project.

The What Do You Hate Most Iteration Method

Julian introduces an unconventional but highly effective iteration technique: asking "What do you hate most about this?" after each generation cycle. This simple question forces critical evaluation of the output and identifies the most pressing issues requiring attention.

The method prioritizes improvements based on impact rather than attempting to fix everything simultaneously. By focusing on the most problematic elements first, you achieve rapid, visible progress while maintaining momentum.

This approach also helps overcome the analysis paralysis that can occur when reviewing AI-generated code. Instead of getting lost in minor details, you address fundamental issues that meaningfully improve the end result.

Integrating Databases and CMS Systems

A common misconception about AI coding tools is that they're limited to static sites or simple frontends. Julian's demonstration proves otherwise, showing how Claude Code handles database integration and CMS connectivity.

The session covers connecting to external data sources, implementing content management workflows, and ensuring proper data handling throughout the application. Claude Code can generate the necessary API integration code, database schemas, and data fetching logic based on clear specifications.

The key is providing Claude with accurate information about your data structure and API endpoints. With proper context, it can generate robust integration code that handles authentication, error states, and data transformation.

From Generation to Production: The Deployment Process

Generating code is only half the battle — getting it deployed and production-ready requires additional steps. Julian walks through the complete deployment workflow, from version control setup to live hosting.

The process begins with initializing a Git repository and pushing the generated code to GitHub. This provides version control and enables collaboration if multiple team members are involved.

From GitHub, the project deploys to Vercel, which handles build optimization, CDN distribution, and automatic deployments on future commits. Julian demonstrates how to configure environment variables, set up custom domains, and monitor deployment status.

The entire deployment process takes minutes rather than hours, thanks to modern hosting platforms that automate infrastructure management.

Cost Analysis: AI Coding vs Traditional Development

Julian provides transparent cost analysis comparing Claude Code usage to traditional development approaches. For the Memberstack rebuild, AI token costs remained remarkably low — typically under $100 for the entire project.

Traditional development costs for the same project would involve either hiring developers (thousands in salary costs) or contracting an agency (potentially $20,000-50,000 for a site of this complexity).

Even accounting for the time spent prompting and reviewing code, the total cost remains a fraction of conventional approaches. For agencies and solo developers, this cost efficiency enables competitive pricing while maintaining healthy margins.

Practical Tips for Claude Code Beginners

Throughout the session, Julian shares numerous beginner-friendly tips that accelerate the learning curve:

Start with clear objectives: Before writing your first prompt, define exactly what you want to build. Vague requests produce vague results.

Build iteratively: Don't attempt to generate the entire project in one prompt. Break it into logical components and build progressively.

Review every output: AI-generated code isn't perfect. Review each generation, test functionality, and identify issues before proceeding.

Maintain context: Use the document-first approach to establish context that persists across multiple prompts, reducing repetitive explanations.

Embrace imperfection: Initial outputs rarely match your vision exactly. Use iteration methods to refine toward your desired outcome.

The Future of Website Development

Julian's demonstration illustrates a fundamental shift in how websites get built. The traditional divide between designers and developers begins to blur when tools like Claude Code can translate design intent into functional code.

This doesn't eliminate the need for developer expertise — rather, it amplifies what skilled developers can accomplish. Technical knowledge becomes valuable for architecting systems, reviewing generated code, and solving complex integration challenges.

For agencies and solo practitioners, AI coding tools enable taking on larger projects without expanding team size. The efficiency gains translate directly to increased capacity and profitability.

Getting Started with Ship Studio's Approach

Ship Studio has refined their Claude Code workflow through numerous client projects. Their approach emphasizes documentation, systematic iteration, and rigorous review processes.

The studio's success demonstrates that AI coding tools work best within structured frameworks rather than ad-hoc experimentation. Establishing clear processes for prompting, reviewing, and refining creates consistency and quality.

For those interested in adopting similar workflows, the key is starting small. Build a single landing page using the document-first approach, practice the iteration method, and gradually expand to more complex projects as confidence grows.

Key Learnings

1Document First Strategy Establishes Consistent Context

Creating comprehensive documentation before code generation provides Claude Code with persistent reference material, ensuring consistency across all components and reducing the need for repetitive context in every prompt. This foundational documentation serves as a single source of truth for project structure, design patterns, and technical requirements.

Learn more about Claude

2The What Do You Hate Most Method Prioritizes High-Impact Improvements

Asking 'What do you hate most?' after each generation cycle forces critical evaluation and identifies the most pressing issues requiring attention. This technique prioritizes improvements based on impact rather than attempting comprehensive fixes, enabling rapid progress while maintaining focus on elements that meaningfully improve the end result.

Learn more about Claude

3100+ Page Websites Can Be Rebuilt in Two Weeks with AI Coding

The Memberstack case study demonstrated that complex, multi-page marketing websites requiring 6-8 weeks with traditional development can be rebuilt in approximately two weeks using Claude Code. This includes full design implementation, responsive layouts, backend integration, and production deployment, representing a 75% reduction in development time.

Learn more about Claude

4AI Coding Token Costs Remain Under $100 for Major Projects

The complete Memberstack rebuild, encompassing over 100 pages with sophisticated functionality, incurred less than $100 in AI token costs. Compared to traditional development costs of $20,000-50,000 for equivalent agency work, this represents a 99%+ cost reduction purely on development expenses, excluding time investment in prompting and review.

Learn more about Claude

5GitHub and Vercel Enable Rapid AI-Generated Code Deployment

Deploying AI-generated code follows standard modern workflows: initialize Git repository, push to GitHub for version control, then deploy to Vercel for automated builds and CDN distribution. The entire deployment process takes minutes and includes environment variable configuration, custom domain setup, and automatic deployments on future commits.

6Database and CMS Integration Works Through Clear API Specifications

Claude Code can generate robust database integration code, API connections, and CMS workflows when provided with accurate specifications about data structure and endpoints. This includes authentication handling, error state management, and data transformation logic, extending AI coding capabilities beyond static sites to full-stack applications.

Learn more about Claude

7Iterative Building Outperforms Single Comprehensive Prompts

Breaking projects into logical components and building progressively produces better results than attempting to generate entire projects in one prompt. Each iteration builds upon previous outputs, allowing for course correction and refinement while maintaining manageable scope for both the AI and developer review process.

Learn more about Claude

Resources Mentioned

Claude AI Official Website

Anthropic's Claude AI assistant, the primary tool used throughout this tutorial for AI-assisted web development and code generation.

Visit

Ship Studio Official Website

Julian Galluzzo's agency specializing in rapid web development using AI coding tools, showcasing client work and development approaches.

Visit

Memberstack Official Website

The case study project featured in this tutorial — a membership and authentication platform whose 100+ page marketing site was rebuilt using Claude Code.

Visit

Vercel Deployment Platform

Modern hosting platform used in the tutorial for deploying AI-generated websites with automated builds, CDN distribution, and GitHub integration.

Visit

Create With Community Resources

Create With's hub for NoCode, AI coding, and software development resources, including tutorials, community discussions, and tools recommendations.

Visit

Julian Galluzzo on Twitter/X

Follow Julian for ongoing insights into AI-assisted development, Ship Studio updates, and practical tips for using Claude Code in production environments.

Visit

Frequently Asked Questions

How long does it actually take to rebuild a complex website using Claude Code?

Based on the Memberstack case study, a 100+ page marketing website can be rebuilt in approximately two weeks using Claude Code. This includes full design implementation, responsive layouts across all pages, backend integration, and production deployment. Traditional development approaches would typically require 6-8 weeks for equivalent scope. The timeline assumes using the document-first approach and systematic iteration methods rather than ad-hoc prompting.

What are the actual costs of using Claude Code for a major website project?

The Memberstack rebuild, which comprised over 100 pages with sophisticated functionality, incurred less than $100 in AI token costs for the complete project. This is dramatically lower than traditional development costs, which would range from $20,000-50,000 if contracted to an agency. Even accounting for the time investment in prompting, reviewing code, and testing, the total cost represents a fraction of conventional development approaches.

Can Claude Code handle database integration and dynamic content, or is it limited to static sites?

Claude Code can absolutely handle database integration, CMS connectivity, and dynamic content functionality. The key is providing accurate specifications about your data structure, API endpoints, and authentication requirements. Claude can generate integration code for external data sources, implement content management workflows, and handle proper data fetching logic. The session demonstrates connecting to databases and implementing full-stack functionality beyond simple static sites.

What is the Document First prompt strategy and why is it important?

The Document First strategy involves creating comprehensive documentation that outlines project structure, components, design patterns, and technical requirements before generating code. This documentation serves as persistent reference material for Claude Code, ensuring consistency across all components and reducing the need for repetitive context in every prompt. It acts as a single source of truth that Claude can reference throughout the project, maintaining alignment with established patterns and significantly improving output quality.

How does the What Do You Hate Most iteration method improve AI-generated code?

This method involves asking 'What do you hate most about this?' after each code generation cycle, forcing critical evaluation of the output and identifying the most pressing issues requiring attention. Rather than attempting to fix everything simultaneously or getting lost in minor details, this approach prioritizes improvements based on impact. It helps overcome analysis paralysis while ensuring rapid, visible progress by addressing fundamental issues that meaningfully improve the end result first, then moving to progressively smaller refinements.

More content like this

Never miss a video

Get weekly updates on the best AI tutorials, conference recordings, and community content.

Keep Watching

Related Videos

View all videos
55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps
Podcast35:53

55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps

James and Kieran return to the Create With Podcast after their summer break to recap the 2026 Create With Conference in Brighton. They discuss how 550 attendees experienced workshops, a charity hackathon where functional apps were built in 30 minutes, and an innovative conference operating system built entirely with AI. The episode covers the latest developments in AI development tools including Anthropic's Fable model, scheduled tasks in Codex, and self-healing applications using PostHog.

The Biggest AI Opportunities for Non-Technical Builders in 2026
Conference38:09

The Biggest AI Opportunities for Non-Technical Builders in 2026

A closing panel discussion from Create With featuring leaders from Glide, Softr, Bubble, Momen, and TechFoundHer examining how AI and no-code platforms are democratizing software development. The panelists explore what non-technical builders can now create, how AI is transforming service businesses, and where expertise still matters when prototypes become production applications.

Everyone Can Build with AI. What Should Companies Do Next?
Conference29:07

Everyone Can Build with AI. What Should Companies Do Next?

A leadership panel from Create With conference exploring how companies should approach AI adoption when building tools becomes accessible to everyone. Four experts debate the gap between technical capability and strategic judgment, discussing governance frameworks, safe experimentation, product sense development, and organizational learning pathways for AI transformation.

How to Get Your Product Recommended by Google and ChatGPT
Conference30:12

How to Get Your Product Recommended by Google and ChatGPT

Tanya Van Gastel presents the APEX framework for making products discoverable in AI-powered search engines like ChatGPT and Google's AI Overviews. She explains how AI is fundamentally changing product discovery and buyer behavior, then breaks down five critical components: Authority (being cited as a solution), Presence (visibility across search platforms), Expertise (creating high-quality money pages), Endorsements (off-site validation), and Extractability (making content easy for AI to process). The talk emphasizes quality over quantity, with data showing 50% of SaaS SEO revenue comes from fewer than 10 high-performing pages.

Inside a 60-Skill Claude Code System Running AI Agents in Parallel
Conference35:21

Inside a 60-Skill Claude Code System Running AI Agents in Parallel

Stephany Oliveros, CEO of Lyra AI, presents a production-ready Claude Code architecture for running dozens of AI agents in parallel. She demonstrates a 60-skill system built on progressive disclosure, layered memory, and reusable components that enable coordinated multi-agent workflows without burning through tokens. The talk covers practical folder structures, guardrails, and token economics for building scalable agentic systems.

The AI-Native Solopreneur: Build Without a Technical Co-Founder
Conference34:21

The AI-Native Solopreneur: Build Without a Technical Co-Founder

Effie Bersoux presents a paradigm shift in entrepreneurship where AI enables solo founders to build, validate, and scale businesses without technical co-founders or significant capital. Drawing from Growth Girls' experience building 40+ companies in one year and going from a £4m exit (7 years) to a £40m acquisition target (1 year), she demonstrates how AI breaks the traditional capital-talent-traction loop that disadvantages undercapitalized founders. The talk provides concrete frameworks for AI-native operating models, automation decision-making, and rapid idea-to-market validation.