The Vibe Marketer Academy

Build a Local Business Website with AI in Under 15 Minutes

Use Astro, Claude Code, and Cloudflare to ship a fast, professional, SEO-optimized site. No coding background needed.

Start the Guide ↓

Why Astro + Claude Code + Cloudflare?

Astro

Built specifically for content-driven websites. Generates almost zero JavaScript by default, which makes pages load extremely fast, and Google rewards fast pages.

Claude Code

An AI agent that doesn't just give you code snippets. It actually builds the whole project, writes the files, runs the commands, and deploys it.

Cloudflare

Free hosting with a global CDN. Claude Code can deploy directly to Cloudflare from the terminal without you touching a dashboard.

Unlike generic website builders, this stack produces sites that score 95+ on Google PageSpeed and have proper SEO schema baked in automatically.

What You'll Build

The Website

A full local business site with a homepage, service pages, location pages, an FAQ section, a contact form, and a reviews strip.

What You Need

Get these in place before you start.

Step 1 of 5

A computer (Mac or Windows)

Any modern machine will work.

Quick Context Before We Build

What is Astro?

A web framework designed for sites that are mostly content (blogs, local business sites, landing pages). It ships almost no JavaScript, which is why it loads so fast. Think of it as a very opinionated template system that Claude Code knows how to use correctly.

Let's Build It

Step 1 of 6

Create a project folder

On your Desktop, create a new folder. Name it something like my-client-site. Open your terminal and navigate into it: cd ~/Desktop/my-client-site (On Windows, use the path to your Desktop, e.g. cd Desktop\my-client-site)

The Prompt That Drives Everything

Prompt

Replace everything in [brackets] with your client's real information before pasting this into Claude Code. The more specific you are, the better the output.

How to Know It Worked

Speed

Open GTMetrix or Google PageSpeed Insights and paste your .pages.dev URL. You should see 90+ on desktop. Mobile may be slightly lower; that's normal.

Schema

Go to search.google.com/test/rich-results and test your URL. You should see LocalBusiness, Service, and FAQ schema with no critical errors.

Pages exist

Check that service pages and location pages are live (e.g. yoursite.pages.dev/services/leak-repair or /locations/el-paso).

No placeholder content

Scan the site visually for [BUSINESS NAME] or Lorem Ipsum still showing. If you see it, tell Claude: Replace all placeholder text with real content for [Business Name].

Refining the Site

Paste this into Claude Code as a follow-up message. No code required.

Paste this into Claude Code as a follow-up message. No code required.

Paste this into Claude Code as a follow-up message. No code required.

Paste this into Claude Code as a follow-up message. No code required.

Paste this into Claude Code as a follow-up message. No code required.

Each of these is a single message to Claude. You don't need to write code. Just describe what you want and let it execute.

You Just Built a Professional Website

What used to take a developer 6 to 8 weeks and $5,000+ now takes 15 minutes and a clear prompt. The site you just built has better SEO fundamentals than most agency sites that cost ten times more.

  • Connect a real domain through Cloudflare
  • Add Google Analytics or Plausible
  • Build a blog with Astro's content collections to start ranking for keywords
  • Add more location pages to expand geographic reach
Explore More Guides →

Join the Community

Learn from other marketers who are building with AI. Get help when you’re stuck. Share what you’re creating.

Terminal
$subscribe --email
> you@example.com

First lessons and updates. No spam.

Join the waitlist