# How to host a website you built with Claude Claude gives you files, not a live site. Upload them to PageHub and every page opens in a visual editor, ready to publish on your own domain with HTTPS. If you searched for how to host a website built with Claude, publish a Claude artifact to your own domain, or set up a custom domain and HTTPS for a Claude Code app, this page covers each one. Hosts other than PageHub were checked against their own docs on October 15, 2026. ## The short answer - Claude doesn't host a site on your domain. An artifact lives on a claude.ai link, and Claude Code leaves a folder on your computer. - Static hosts such as Netlify, Cloudflare Pages, Vercel, and GitHub Pages serve those files as they are. To change the site, you change the files. - PageHub imports the folder or .zip as an editable site instead: one page per .html file, images in your media library, and redirects from the old .html addresses. - Then attach your domain, add the DNS records at your registrar, and SSL is issued automatically. The free plan includes 1 published site on your own domain. ## What Claude actually gives you - **Claude chat:** an artifact, one HTML file. Publish it and you get a claude.ai link to share. - **Claude Code:** a project folder on your computer. Plain HTML, or an app (React, Vite) you build first. - **Claude Design:** a design you export with Download as .zip or Export as standalone HTML. To be a real site, those files still need your own domain with HTTPS, forms that save what visitors send, a way to change a phone number without asking an AI or editing code, and old links that keep working. ## Ways to host it, side by side | | How the files get there | Your own domain + HTTPS | More than one page | Edit without code or AI | Forms | Cost to start | |---|---|---|---|---|---|---| | Claude artifact | Publish in claude.ai (Free, Pro, Max) | No, a claude.ai link | One artifact | No | No | Free | | Netlify Drop | Drag a folder to app.netlify.com/drop | Yes, with SSL, on free | Yes | No | Yes, with form detection and a netlify attribute | Free, 300 credits a month | | Cloudflare Pages | Drag a folder or .zip, 1,000 files, 25 MiB each | Yes, 100 per project on free | Yes | No | None built in | Free | | Vercel | Drag files, a folder or a .zip to vercel.com/drop | Yes, 50 per project on Hobby | Yes | No | None built in | Hobby is free, non-commercial use only | | GitHub Pages | Push to a GitHub repository | Yes, free HTTPS | Yes | No | None, static files only | Free, not for an online business or store | | Wix | Folder (3 MB a file, 20 MB total), Send to Wix, or Claude Code | Yes, on a paid Premium plan | Send to Wix deploys one page | No, Wix's docs say there's no Wix editor | Wix Forms, added by your coding agent | Free on a Wix address | | PageHub | Drop a folder or .zip (50 MB), or ask Claude to send it | Yes, 1 published site on free | Yes, 5 pages per import on Free, 50 on Pro | Yes, visual editor | Yes, built in | Free; Pro is $7 a month per site | Sources: Claude Help "Share artifacts"; Netlify Drop docs, pricing and Forms setup; Cloudflare Pages direct upload and limits; Vercel's Claude Design guide and Hobby plan docs; GitHub Pages limits and HTTPS docs; Wix's "How to host a website you built with Claude", "Send a Claude Design to Wix", and headless pricing pages. ## Three ways to get it onto PageHub Each way makes a new draft site with one page per .html file. Nothing goes live until you publish. ### 1. Upload the folder in the dashboard 1. Open `/start/import/html` and sign in to PageHub (free, no credit card). 2. Drop the folder that holds your index.html, or a .zip of it, up to 50 MB and 2,000 files. 3. Review the pages. Pick the home page and uncheck any you don't want. 4. Click Import. The site opens in the visual editor as a draft. From Claude Design, use Export → Download as .zip and drop the zip. For an artifact, save its code as index.html and drop that. ### 2. Ask Claude Code to send it ```bash claude mcp add --transport http PageHub https://pagehub.dev/api/mcp ``` Start Claude Code, type `/mcp`, pick PageHub, and sign in. Then, in your project folder: ```text Import this site into PageHub as a new site. Follow https://pagehub.dev/skill.md. If it's a React or Vite app, run the build first and import the output folder. Give me the editor and preview links when it's ready. Don't publish yet. ``` Claude Code zips the folder, gets an upload link from `import_site`, uploads the zip, and checks `get_import_status` until the site is ready. ### 3. Import an artifact from a Claude chat In Claude on the web or desktop, open Settings → Connectors, click Add custom connector, name it PageHub, and paste `https://pagehub.dev/api/mcp`. Click Connect and sign in. Then ask, in the chat with your artifact: ```text Import this artifact into PageHub as a new site called [site name]. Give me the editor link when it's ready. Don't publish yet. ``` Claude sends the files from the chat with `import_site`. This way takes text files up to 3 MB in total. Images linked from the web are copied into the site's media library. ## Put it on your domain with HTTPS 1. Open the Domains page for your site in the dashboard, or ask Claude to connect the domain and tell you the DNS records to add. 2. Add the records where you bought the domain: an A record at @ for the bare domain, a CNAME for www, and sometimes a TXT record to prove you own it. 3. PageHub sets up example.com and www.example.com. SSL certificates are issued automatically and can take a few minutes once DNS is in place. 4. Publish. Connecting a domain doesn't publish the site. ## What breaks when you host a Claude site - **The page is blank because JavaScript draws it.** A React or Vite project's source is an empty root div until it's built. PageHub spots those pages and tells you to run npm run build and upload the output folder. - **Links and images point at files that moved.** Links between pages are rewritten to the new page addresses, images go into the media library, and anything linked but missing is listed. - **Tailwind styles vanish.** Tailwind CDN classes are kept and compiled by PageHub. Colors and fonts from an inline tailwind.config become theme colors and fonts you can change in Design System. - **Old .html addresses stop working.** Each page gets a redirect from its old address, such as /about.html to /about. - **The contact form goes nowhere.** A form in your HTML becomes a PageHub form, so submissions are saved to your account. - **The header and footer are copied onto every page.** When pages share them, they become one shared header and footer. ## FAQ ### Can Claude host my website? Not on your own domain. A published artifact is a claude.ai link, and Claude Code writes files on your computer. To put the site on your domain, upload the files to a host. On PageHub, the upload becomes an editable site with hosting and SSL included. ### How do I set up a custom domain and HTTPS for a Claude Code app? If the app is plain HTML or builds to static files (npm run build), import the output folder into PageHub, attach your domain, and add the DNS records PageHub shows you at your registrar. SSL is issued automatically, usually within a few minutes. If the app needs a server, such as API routes or a database, PageHub won't run that code. Use a host that runs server code. ### Can I publish a Claude artifact to my own domain? Not from claude.ai itself. Connect PageHub as a custom connector in Claude and ask it to import the artifact. Claude sends the file straight from the chat. Or save the artifact's code as index.html and upload it in the dashboard. ### Does PageHub keep all my pages? Yes. Each .html file becomes its own page, and links between them keep working. The Free plan imports up to 5 pages per import, Pro up to 50, Business up to 200, and Agency up to 1,000. ### Can I keep editing in Claude after I import? Yes. With PageHub connected, Claude edits the same draft that the visual editor shows. Changes don't flow back to the files on your computer, and importing the folder again makes a new site rather than updating this one. ### Can I send a Claude Design to PageHub? PageHub isn't a Send to destination in Claude Design. Use Export, then Download as .zip, and upload the zip in the dashboard. If a page in the export is drawn entirely by JavaScript, the import tells you. ### Is it free? HTML import works on every plan. The free plan includes 1 published site on a domain you own, with SSL and no credit card. You buy the domain from a registrar, usually $10–20 a year. Pro is $7 a month per site. ### Does the import use AI on my files? No. The import is a fixed conversion with no AI. Your zip goes to private storage and is deleted when the import finishes. Claude is a trademark of Anthropic, PBC. PageHub isn't affiliated with or endorsed by Anthropic.