# The website builder for Claude

Connect PageHub to Claude and ask for the site you want. Claude builds
it, you check it, and it goes live on your own domain. You or your client
can keep editing it in a visual editor, no AI needed.

If you searched for a **Claude website builder**, you probably already
know Claude can write a website. PageHub is a **website builder for
Claude**: the part that hosts it, puts it on your domain, and lets people
edit it later. Here's how to **build a website with Claude** and publish
it.

## Can Claude build a website on its own?

Yes. Claude can write the code for a whole website. What it doesn't do on
its own is run the site after that: the domain, the hosting, the forms,
and the edits next month.

**Claude chat and artifacts** can write a full page of HTML, CSS, and
JavaScript from a description, show you a live preview in the chat, and
publish the artifact so others can open it. It leaves to you:

- Putting it on your own domain. A published artifact lives on a
  claude.ai link
- Saving form submissions or SEO settings
- Letting someone else change it without going back to Claude

**Claude Code** can build a complete code project on your computer, run
it, test it, fix it, and push it to a git repository. It leaves to you:

- Hosting. You pick a host, connect the repo, and set up DNS yourself
- A way for a non-developer to edit it. Changes mean code, or asking an
  AI again

That's fine for a prototype or a page you share with friends. For a
business site, you also need an address people can find, a form that
reaches you, and a way to fix a typo without starting a new chat.

## What PageHub adds

PageHub is a website builder with an MCP server. Claude uses it the way
you'd use the editor: it creates the site, adds pages, and publishes, one
tool call at a time.

- **A site, not a single file.** Pages, sections, and a theme you can
  change in one place. Multi-page sites, navigation, and a 404 page.
- **Your own domain.** Claude attaches the domain and gives you the DNS
  records to add at your registrar. SSL certificates are issued for you.
  The free plan includes 1 domain.
- **An editor anyone can use.** Every site opens in a visual editor.
  Claude sees your edits the next time you ask it for changes.
- **Nothing goes live until you publish.** Everything Claude writes lands
  in a draft.
- **Forms, collections, and Stripe.** Contact forms that save
  submissions, collections you can fill from a CSV, and a Stripe checkout.
- **Checks before it ships.** Claude can screenshot any page at phone
  width and run SEO and accessibility audits.

## Connect PageHub to Claude

The hosted server is `https://pagehub.dev/api/mcp`. It works on every
PageHub plan, including free, and sends Claude its build rules when it
connects.

**Claude on the web or desktop**

1. In Claude on the web or desktop, open Settings → Connectors.
2. Click Add custom connector, name it PageHub, and paste the URL below.
3. Click Connect, then sign in to PageHub in the window that opens.

Connector URL: `https://pagehub.dev/api/mcp`

**Claude Code, in the terminal or VS Code**

```
claude mcp add --transport http PageHub https://pagehub.dev/api/mcp
```

Then start Claude Code, type `/mcp`, and sign in to PageHub in the
browser window that opens.

## From one prompt to a live site

An example prompt:

```
Use PageHub to build a site for my dog grooming shop, Suds & Paws, in Portland.
3 pages: home, services with prices, and contact with a booking request form.
Warm colors, stock photos that fit, friendly copy.
Show me a phone screenshot before you publish.
When I say go, put it on sudsandpaws.com.
```

What Claude does with it:

1. **Starts the site** (`list_templates`, `create_site`).
2. **Sets the look** (`suggest_palettes`, `set_theme`). It can show 3
   palette options in the chat first.
3. **Builds the pages** (`add_page`, `apply_kit_block`, `find_image`).
4. **Checks its own work** (`screenshot_site`, `audit_seo`,
   `audit_accessibility`) at phone width, and fixes what it finds.
5. **You review the draft.** Nothing is live yet. Ask for changes, or
   open the editor.
6. **Connects the domain** (`set_domain`, `get_domain_status`) and hands
   you the exact DNS records to add at your registrar.
7. **Publishes** (`publish_site`) when you say go. The SSL certificate
   can take a few minutes to arrive.

How long it takes depends on the site. The Goalposts site went from
nothing to published in 25 minutes (see https://pagehub.dev/about).

## Ways to ship a site you built with Claude

These are categories, not specific products.

| | Claude artifacts | Claude Code + git + a host | Paste-HTML hosts | AI app builders | Claude + PageHub |
|---|---|---|---|---|---|
| Built by the Claude you already use | Yes | Yes | Claude writes it, you paste it | Some offer a Claude connector | Yes, over MCP |
| On your own domain | No, a claude.ai link | Yes, once you set up hosting and DNS | Depends on the host | Depends on the plan | Yes, 1 on the free plan |
| What you end up with | One artifact | A code project | An HTML file | An app codebase | A multi-page site in a visual editor |
| Someone can edit it without AI | No | Only if they can edit code | Only by editing the HTML | Mostly through prompts or code | Yes, in the visual editor |
| Forms that save submissions | No | You build or add one | Depends on the host | Often, with a database | Yes, built in |
| Setup | None | Repo, host, build settings, DNS | Copy and paste | An account with the builder | Add a connector and sign in |

If you want full control of the code and you're happy running the
hosting, Claude Code with a host is a good fit. If the site needs to live
on a real domain and be edited by people who don't write code, that's
what PageHub is for.

## Built for handing sites to clients

- **Your client edits it without Claude.** The same visual editor, no AI
  account needed.
- **Invite them to the site.** On Business and Agency, add clients as
  editors: up to 3 people per site on Business, 10 on Agency.
- **Every version is kept.** Restore the whole site or a single page.
- **You can take it with you.** Export the site as static HTML on every
  plan.

## What it costs

Connecting Claude to PageHub is free.

- **Free, $0:** 1 published site on your own domain with SSL, 20 pages
  per site, unlimited drafts, no PageHub branding, no credit card.
- **Pro, $7 per site a month** ($5 when you pay yearly): 300 pages per
  site. Each Pro site adds another published site and domain. Cancel any
  time and sites go back to drafts. Nothing is deleted.

Compare all plans: https://pagehub.dev/pricing

## Questions

### Can Claude build a website?

Yes. Claude can write the code for a whole site, and Claude Code can
build a full project on your computer. On its own, though, it doesn't
host the site, connect your domain, or give anyone a way to edit it
without AI. With PageHub connected, Claude builds the site inside a
website builder, so those parts are handled.

### Can I edit a website Claude built?

Yes. Every site Claude builds on PageHub opens in the visual editor. Drag
sections around, change colors, swap fonts, and rewrite copy yourself.
Claude sees your edits the next time you ask it for changes.

### Is it free?

The MCP connection works on every plan, including free. The free plan
gives you 1 published site on your own domain, 20 pages per site,
unlimited drafts, and no PageHub branding on the live site. Pro is $7 per
site a month, or $5 when you pay yearly.

### Does it work with my own domain?

Yes. Claude attaches the domain and gives you the DNS records to add at
your registrar. Once they're in place, SSL is issued automatically, which
can take a few minutes. The free plan includes 1 domain. Each site has
one domain.

### Do I need a paid Claude plan?

PageHub doesn't check which Claude plan you have. Whether you can add a
custom connector in the Claude app depends on your Claude plan, and
Anthropic's help center lists which plans include it. Claude Code is
another way to connect.

### Is it safe to connect Claude to my site?

You sign in through your browser, so you don't paste a password or key
into Claude. Everything Claude writes lands in a draft, and the live site
doesn't change until someone publishes. Site history keeps past versions,
so you can restore a page or the whole site.

### Are sites Claude builds on PageHub good for SEO?

Pages render to HTML on the server, and a site on a custom domain gets
its own sitemap.xml and robots.txt. Claude can set page titles and descriptions
and run an SEO audit that flags missing titles, headings, and alt text,
then fix them.

### Does it work with AI apps other than Claude?

Yes. Cursor, VS Code's built-in agent, and any agent that speaks MCP can
use the same server. A site one agent started, another can keep editing.

---

Claude is a trademark of Anthropic, PBC. PageHub isn't affiliated with or
endorsed by Anthropic.
