How to host a website made with ChatGPT or Claude

To host a website that ChatGPT or Claude made for you, save the result as one HTML file, upload it to a static host and send the link. The page opens in any browser for anyone, with no account on either side. The whole trip takes a couple of minutes, and the site gets its own address, for example https://studio.htmlkin.io.

Both assistants have built-in sharing, and in 2026 both added or changed it. ChatGPT Sites hosts sites on paid plans only. Claude moved to a new artifact format on September 16, 2026, and a new artifact opens only for people who sign in to Claude. For a client, a guest list or a public landing page, a link on a regular host is the route that works for everyone.

Below: what each assistant offers out of the box, how to get the code out of the chat, the four things that break on the way, and how to publish.

TL;DR

• Ask the assistant for the site as one HTML file with CSS and JavaScript inside, then upload that file to a static host. On htmlkin the first link needs no sign-up.
• ChatGPT Sites hosts sites with a database and sign-in, on Plus, Pro, Business, Enterprise and Edu.
• Claude artifacts made after September 16, 2026 open only for viewers with a Claude account. Claude Code artifacts can get a public link on Pro and Max.
• React components, saved data, placeholder images and links between pages need a fix before hosting. Each fix is one more prompt.

What ChatGPT and Claude offer out of the box

Each assistant can show you the page, and each has a way to share it. The difference is who can open the link.

ChatGPT: code blocks and ChatGPT Sites

ChatGPT writes the site in a code block. You switch between "Code" and "Preview" to see the page, and the preview supports HTML pages and React components (OpenAI Help Center). Canvas, the side panel that used to do this, is gone from the GPT-5.5 models; paid users keep it for a while through legacy models (ChatGPT release notes).

ChatGPT Sites launched in public beta on July 9, 2026. You describe the site, and ChatGPT builds it and hosts it at an address like name.openai.chatgpt.site. Sites comes with a database, file storage and "Sign in with ChatGPT", and it connects a domain you already own. A new site opens for you and your workspace admins; public access is a separate setting (ChatGPT Sites docs).

Its limits matter for a small site:

• Paid plans only: Plus, Pro, Business, Enterprise and Edu.
• Regions: at launch Sites is unavailable in the EEA, Switzerland and the UK (OpenAI Help Center).
• No code download in the interface. The source lives in ChatGPT; moving the site elsewhere means rebuilding the file.
• Usage limits depend on the plan, and OpenAI hasn't published the numbers.

Claude: artifacts and Claude Code

Claude shows the site as an artifact, a page in the panel next to the chat. On September 16, 2026 Anthropic replaced in-chat artifacts with a new format. Artifacts made before that date became "legacy artifacts": they keep working and can still be published, and new ones can't be made (Anthropic Help Center).

The two formats share differently (Publish and share artifacts):

• A legacy artifact published from a chat: "Anyone with the link can view and use it without a Claude account."
• A new artifact shared by link: "Everyone needs a Claude account. People without one can't open a shared artifact, even with the link."

Claude Code publishes artifacts too. A new one is private, and on Pro and Max the "Share" button turns on a link "anyone on the internet can open, with no claude.ai sign-in required". The page must stay under 16 MiB, and the security policy blocks every external image, script and font outside a short list of CDNs (Claude Code Docs).

Services that share, build or host the page outside Claude are compared in Claude artifacts alternatives.

What this means in practice: the built-in link suits a draft you show a colleague who already uses the same assistant. A wedding guest, a client or a customer from Google arrives without a Claude account and often without a paid ChatGPT plan. For them the site needs to live on a regular host.

Step 1: Get the site out of the chat as one HTML file

Ask for a single file. A static host serves whatever you upload, and one self-contained .html file is the easiest thing to upload and the hardest to break. Paste this at the end of your conversation:

Give me the whole site as one HTML file. Put the CSS in a <style> tag and the
JavaScript in a <script> tag inside the file. Use plain HTML and JavaScript,
no React and no build step. Keep images as links I can replace later.

Then take the file out:

• ChatGPT. Copy the code block with the copy button, or ask ChatGPT for a downloadable .html file. Save it as index.html.
• Claude, in a chat. Copy the code from the artifact panel. Legacy artifacts have a download control there, and Claude Design exports a design as standalone HTML or a ZIP (Anthropic Help Center).
• Claude Code. The file is already on your disk. Ask Claude for the path.

You can also skip the file. The htmlkin home page has a "Paste HTML" tab: copy the code from the answer, paste it, and publish.

Step 2: Fix the four things that break outside the chat

A page that looks perfect in the preview can come out blank or half-broken on a host. Four causes cover almost every case, and each is fixed with one more prompt.

1. The site is a React component. Both assistants preview React, so the answer may be a .jsx file with import lines at the top. That file runs in a browser only after a build step. Ask: "Rewrite this as one HTML file with plain JavaScript." Developers who want to keep React can use claude-artifact-runner, a Vite project built in 2024 around the libraries artifacts used then.

2. The page saves data through the assistant. Claude artifacts can store up to 20 MB of text on Anthropic's side: poll answers, notes, settings (Anthropic Help Center). That storage lives on claude.ai, so on a host the save call throws an error and the script stops there. Ask Claude to keep data in the browser with localStorage, or to send form entries to a form service.

3. Images point nowhere. AI often fills a page with placeholder URLs or with images written into the HTML as long data: strings. In Claude Code the security policy blocks external images, so photos end up embedded as data: strings and every photo makes the file heavier. Put your real images in an images folder next to index.html, ask the assistant to link them as images/photo.jpg, and upload the folder or a ZIP.

4. Links between pages. A multi-page site in one chat often arrives as several files linking to each other. In a Claude Code artifact relative links don't resolve at all (Claude Code Docs). Save every page under the names the links use (about.html, prices.html) in one folder, and upload the folder.

One limit stays on any static host: PHP, Python and databases don't run there. A shop with a cart and accounts needs a site builder or ChatGPT Sites. Landing pages, presentations, reports, menus, invitations, calculators and games run fine, because their JavaScript works in the visitor's browser.

Step 3: Publish the file and get a link

Upload the file and copy the address. On htmlkin it takes four steps:

1. Open htmlkin.io. The upload form is on the home page.
2. Drop in the file. A single .html file, a folder or a ZIP. Or paste the code on the "Paste HTML" tab.
3. Pick a name for the subdomain, or keep the random one.
4. Copy the link, for example https://studio.htmlkin.io, and send it.

Every site gets HTTPS automatically and opens on phones. Without an account the link lasts 24 hours. After a free sign-up the site stays online as long as people visit it: 30 days without visits move it to an archive, and you can restore it within another 30 days. The free plan includes one site, 20 MB of storage and a custom domain. More on this on the free HTML hosting page.

Two other hosts work for the same file:

• Netlify Drop: drag the folder onto the page. Until you claim the site with a Netlify account, the address is protected by a temporary password (Netlify Docs).
• GitHub Pages: free for public repositories, with sites up to 1 GB and a soft limit of 100 GB of traffic a month. It needs a GitHub account and a repository.

If the page will travel by email or chat, the guide on how to share an HTML file compares every route by what the recipient sees.

Let ChatGPT or Claude publish the site for you

You can skip downloading the file. Two tools put the page online straight from the chat.

From ChatGPT: the browser extension. The htmlkin extension adds a "Publish to htmlkin.io" button to HTML code blocks on chatgpt.com. Click it, and the public link goes to your clipboard. Your first link needs no account.

From Claude: the MCP server. Connect htmlkin to Claude once, and publishing becomes a request in the chat: "publish this landing page at studio and give me the link". In claude.ai and Claude Desktop: Settings → Connectors → Add custom connector, with the address that includes your API key from the MCP guide. In Claude Code it is one command:

claude mcp add --transport http htmlkin https://htmlkin.io/mcp \
  --header "Authorization: Bearer hk_your_key"

Claude then publishes the site, updates it at the same address after each edit, and can lock it with a PIN. Cursor and other MCP clients connect the same way. The MCP server and the REST API work on every plan, including the free one. The whole workflow is on the publish a site made with AI page.

Our experience: we build our internal reports as Claude Code artifacts and keep each one at a single address. Claude edits the page and republishes it in place, so the link we sent last week always shows the latest numbers.

Keep the site after you share it

A link you sent keeps working while the site is updated behind it. Three settings cover what usually comes next:

• Updates at the same address. Upload a new version in the dashboard, or ask your assistant over MCP. The address, domain and PIN stay.
• A custom domain. Connect studio.com with one DNS record on any plan, including the free one. The SSL certificate is issued automatically.
• A PIN. Visitors enter four digits before the page opens, and the site is hidden from search. Available on Pro and Business.

Pro costs $9.99 a month and includes 10 sites, 1 GB of storage, PIN protection, QR codes and lead forms. The full comparison is on the pricing page.

FAQ

Can ChatGPT host a website?

Yes, on paid plans. ChatGPT Sites, in public beta since July 9, 2026, builds and hosts a site on Plus, Pro, Business, Enterprise and Edu. On the Free and Go plans, ask ChatGPT for the site as one HTML file and upload it to a static host.

How do I share a website I made with Claude?

Download or copy the HTML from the artifact and publish it on a static host. A new Claude artifact shared by link opens only for people with a Claude account. A hosted copy opens for anyone, and on htmlkin you get the link without signing up.

Do I need to know how to code to host an AI-made website?

No. The assistant writes the code, and a static host takes the file as it is. The only "coding" is asking for one HTML file and, if something breaks, asking the assistant to fix the cause from Step 2.

Why is my AI-generated site blank after I upload it?

Usually because the code is a React component, which a browser can't run without a build step. Ask the assistant to rewrite it as one HTML file with plain JavaScript. If only some parts are missing, check images and links between pages.

Is there a free way to host a site made with ChatGPT or Claude?

Yes. htmlkin hosts one site free with a custom domain and gives a 24-hour link with no account. Netlify Drop and GitHub Pages are free with an account.

Key points

• Ask for one HTML file with the CSS and JavaScript inside. It is the easiest format to host.
• ChatGPT Sites needs a paid plan. New Claude artifacts open only for Claude users.
• Before uploading, check four things: React, saved data, images and links between pages.
• A static host gives a link that opens for anyone, on any device.

Drop the file on htmlkin.io and get a link right away.

Sources

• Sites and Creating and using ChatGPT Sites — OpenAI, retrieved October 13, 2026
• Working with writing blocks and code blocks in ChatGPT and ChatGPT release notes — OpenAI Help Center, retrieved October 13, 2026
• Publish and share artifacts and What are artifacts and how do I use them? — Anthropic Help Center, retrieved October 13, 2026
• Share session output as artifacts — Claude Code Docs, retrieved October 13, 2026
• Claude Artifact Runner — Simon Willison, 2024
• Netlify Drop quickstart — Netlify Docs, retrieved October 13, 2026
• GitHub Pages limits — GitHub Docs, retrieved October 13, 2026