Claude is great at writing websites. Pagelet is great at hosting them. With the
Pagelet MCP server you can connect the two, so Claude builds the
page and puts it online at a live pagelet.host URL without you ever opening a terminal or
dragging a file anywhere.
In this guide we'll set up the connection and then walk through a real use case: a wedding page with the schedule, travel tips and an RSVP form, built, published and updated entirely from a chat with Claude.
What is MCP?
The Model Context Protocol (MCP) is an open standard that lets AI assistants use external tools. Pagelet ships an MCP server with four tools:
| Tool | What it does |
|---|---|
publish_html |
Publishes a complete HTML document and returns the live URL |
list_sites |
Lists your sites with URLs, status and view counts |
get_site |
Shows details for one site, by id or slug |
delete_site |
Permanently removes a site |
Once Claude has these tools, publishing a website is just a sentence: "Publish this page on Pagelet with the slug ana-and-leo."
Step 1: Get a Pagelet API key
The MCP server authenticates with an API key:
- Sign in with Google on Pagelet.
- Open your dashboard and go to API keys.
- Create a key. It starts with
pglt_and is shown once, so store it somewhere safe.
Keys can be revoked at any time. Publishing counts against your plan quota: the free plan allows 10 sites of up to 5 MB each, and Pro (€2.99/month) lifts the site cap, raises the limit to 50 MB and adds custom domains.
Step 2: Connect Claude to Pagelet
Claude Desktop: add the server to your MCP config (Settings → Developer → Edit Config):
{
"mcpServers": {
"pagelet": {
"type": "http",
"url": "https://pagelet.host/mcp",
"headers": { "Authorization": "Bearer pglt_YOUR_KEY" }
}
}
}
Claude Code: one command:
claude mcp add --transport http pagelet https://pagelet.host/mcp \
--header "Authorization: Bearer pglt_YOUR_KEY"
Restart Claude, and the Pagelet tools appear automatically. (The same config works in Cursor, Windsurf and any other MCP client.)
Step 3: Describe the website
Now for the fun part. Here's the prompt for our use case, a wedding page:
Build a complete single-file HTML website (CSS and JavaScript inline) for our wedding.
Details: Ana & Leo, getting married on Saturday June 13, 2027 at Finca Son Bosch, Mallorca.
Include:
- A hero with our names, the date and a countdown to the big day
- The day's schedule (ceremony 16:00, aperitivo 17:30, dinner 20:00, party until late)
- Travel tips: nearest airport PMI, recommended hotels, taxi info
- An RSVP form (names, number of guests, dietary requirements) that shows a friendly
confirmation message on submit and builds a mailto: link to [email protected]
Style: warm and elegant, cream and terracotta palette, serif headings, responsive
for phones. No external files except Google Fonts.
Claude writes the whole thing as one self-contained HTML file, ready to go online.
Step 4: Publish from the chat
No saving files, no uploading. Just say:
Publish this on Pagelet with the slug ana-and-leo
Moments later Claude replies with the link: your page is live at ana-and-leo.pagelet.host.
Share the URL, or grab the QR code from your dashboard for the paper invitations. You choose the
address: slugs are 3 to 40 characters of lowercase letters, digits and hyphens. Every publish is
security-screened automatically, same as browser uploads.
Step 5: Iterate, the real superpower
Wedding details change. Guests get added, the aperitivo moves, a second bus is hired. Instead of editing HTML by hand, you just keep chatting:
The ceremony moved to 16:30 and we added a kids' corner at 18:00.
Update the page and republish it at the same address.
Claude edits the page, removes the old version and republishes it under the same slug, so
ana-and-leo.pagelet.host shows the new schedule and every invitation you already sent still
works. (Publishing to a slug that's still taken would get a random suffix like
ana-and-leo-x7k2p1, which is why the remove-and-republish dance matters.)
A few more prompts that work well at this stage:
- "Add a section with our gift registry link."
- "Make the countdown match the new date and darken the hero for better contrast."
- "The RSVP form should warn if the guest count is above 10."
Each change is one message away from being live.
Step 6: Keep an eye on things
Ask Claude "Which of my Pagelet sites get the most views?" and it shows you every site with its URL, status, size and view count. You can also ask for details about one site or clean up old experiments. Everything is also visible in your dashboard.
Good to know
- You stay in control. Claude can only touch sites that belong to your API key, and you can revoke the key at any time.
- Rate limits are generous. 100 publishes per hour and 1,000 MCP requests per hour, far more than any iteration session needs.
- Content is screened. Every publish passes security heuristics and an AI spam analysis; malicious content is blocked and quarantined automatically.
- It's not just weddings. Landing pages, portfolios, CVs, calculators, event pages, documentation: any complete HTML document works.