VibeBridgeYou asked Claude to build you a website and it delivered: a finished page on claude.ai, or a folder of HTML and CSS files from Claude Code. Now you want to publish a website built with Claude. Claude does not host websites, so the result lives inside the chat or on your computer until you put it somewhere with a real address.
VibeBridge exists for exactly this step. It puts the files Claude produced on a live URL in minutes and makes every text and image editable in the browser afterwards. There are two routes: a drag and drop upload, or a direct connection so Claude publishes the page itself. This guide covers both.
What you need
- The website Claude generated: an artifact on claude.ai or HTML files from Claude Code
- Any images the page uses, in the same folder as the HTML
- A VibeBridge account (7-day free trial, no setup fee)
- Optional: your own domain, connected after publishing
Step 1: Save the website files Claude generated
If you built the site in Claude Code, the files are already on your computer, typically an index.html plus a stylesheet and an images folder. Keep everything together in one folder.
If you built the site on claude.ai, the page lives in an artifact inside the chat. Save it: use the artifact's download option, or copy the full code into a plain text editor and save it as index.html. If Claude wrote separate CSS or JavaScript files, save those next to it under the names the HTML references. Your own images go into the same folder.
Tip: Ask Claude to put all CSS and JavaScript inside the HTML file. One self-contained file is the easiest thing to move.
Step 2: Create your VibeBridge account
Sign up at app.vibebridge.ai/signup. The trial runs 7 days, there is no setup fee, and plans start at 9 € per month (excl. VAT); details are on the pricing page. Hosting is EU-based (data in Frankfurt) on a global CDN with automatic SSL.
Step 3: Publish the website built with Claude in your browser
This is the fastest route. In the VibeBridge portal, open the upload and drag your whole folder onto it: HTML files and images together. Relative image paths are resolved automatically, so the page looks exactly as it did on your machine. A moment later the site is on a live URL you can open and share. If you plan to make future edits by hand, you can jump straight to step 5.
Step 4: Or connect Claude over MCP and ask it to publish
The second route skips the file handling: connected over MCP, Claude publishes and updates your site directly from the conversation.
On claude.ai, add VibeBridge as a connector with the server URL https://app.vibebridge.ai/api/mcp, then choose "Sign in with VibeBridge" to link your account. In Claude Code, add the same MCP server with an API key you create in the VibeBridge portal. The click-by-click path for each tool is at app.vibebridge.ai/connect.
Once connected, just ask: "Publish this page to VibeBridge." Claude pushes it and the live URL comes back in the chat. The connection stays useful after launch: Claude can update content, adjust SEO titles and descriptions, add new pages and manage redirects on the live site, simply by being asked.
Tip: Even if you upload manually first, the MCP connection is worth setting up when you plan to keep improving the site with Claude. Both routes work on the same site.
Step 5: Check the live page and make it yours
Open the live URL and click through everything. Three things are worth doing. First, the visual editor: click any text or image on the page and change it directly, no code needed. Second, forms: VibeBridge detects a contact form automatically and wires it up; submissions land in a leads inbox and trigger an email notification. Third, your domain: add two DNS records at your registrar (the exact records are shown step by step), SSL is provisioned automatically, and propagation usually takes minutes, at most 24 hours.
Every publish also generates sitemap.xml, robots.txt, canonical tags and llms.txt, so search engines get the technical signals without extra work. Content quality is still your job. If you get stuck, write to support@vibebridge.ai.
Frequently asked questions
Can Claude host a website?
No. Claude generates the code but has no hosting of its own; the artifact preview on claude.ai only exists inside the chat. VibeBridge puts the files on a real, public URL and adds editing, forms and SEO automation on top.
Can I publish a Claude artifact as a real website?
Yes. Download or copy the artifact code, save it as an HTML file and upload it to VibeBridge. It becomes a normal website with a live URL, and you can connect a custom domain to it later.
How do I publish a website built with Claude that has multiple pages?
Save each page as its own HTML file (index.html, about.html and so on) and upload them together with the images. Links between pages keep working because relative paths are resolved automatically. Over MCP, Claude can also add pages after the first publish.
Can Claude keep editing the site after it is live?
Yes, if you connect it over MCP. Claude can then update text, swap images, change SEO data, create pages and manage redirects on the live site. It only acts when you ask.
Do I need to know how to code to get the site online?
No. Claude writes the code, the upload is drag and drop, and afterwards you edit text and images by clicking them in the visual editor. The most technical moment is adding two DNS records for a custom domain, with the exact records shown step by step.
What does it cost?
Plans start at 9 € per month (excl. VAT) after a 7-day free trial. There is no setup fee and you can cancel monthly. See the pricing page for what each plan includes.