How to Publish a Website Made With ChatGPT (Live in Under a Minute)

ChatGPT generates production-quality HTML every day. Most of it never reaches the internet because the people who made it don’t know the next step. This tutorial covers exactly that step — getting from a file on your machine (or code in a Canvas) to a shareable URL — for every level of technical comfort.

The short answer: pick a host from the table below, drag or command your file to it, and copy the URL back. Total time: under a minute. The rest of this article explains when each option is the right one, what “Canvas sharing” actually does, and what to do when you want a permanent link instead of a temporary one.

What ChatGPT gives you — and what it doesn’t

ChatGPT produces code, not hosting. When you ask it to build a website, it generates HTML — and sometimes CSS and JavaScript inside the same file. The result is a standard web document any browser can open, but it lives on your screen, not on a server. ChatGPT has no mechanism to register a domain, store files, or serve traffic.

With 900 million weekly active users as of February 2026, a large share of ChatGPT sessions now produce shareable output — pages, tools, games, dashboards — that goes nowhere because the publish step is missing. That gap is what this tutorial closes.

The file ChatGPT gives you is self-contained: markup, styles, and any script live in a single .html document. That makes hosting simpler than a React app or a WordPress site, because there is nothing to build or configure. Drop the file somewhere that serves static files and you are done.

Can ChatGPT publish your website by itself?

No. ChatGPT can generate and preview HTML, but it has no hosting infrastructure. Publishing requires a server that receives files, stores them, and responds to HTTP requests with the right headers. ChatGPT does not have that infrastructure and cannot call external hosting APIs on your behalf unless you connect it to one via a tool or plugin.

What ChatGPT does have is Canvas sharing and conversation sharing. Both are often confused with hosting — they are not.

Canvas share creates a link to the live Canvas session on OpenAI’s domain. The viewer sees your conversation alongside the code. You cannot update the page without creating a new link. The URL is on ChatGPT’s domain, not yours.

Conversation sharing (via the share button or OpenAI’s shared links feature) creates a read-only snapshot of the chat. Again, the viewer sees the conversation, not a rendered web page. The link lives on chatgpt.com, and deleting the conversation removes the link.

Neither option gives you a URL that renders your HTML as a stand-alone website. For that you need a host.

How to go from ChatGPT HTML to a live URL in under a minute

Getting a ChatGPT-generated website online takes two steps: export the HTML as a file, then drop it on a static host. The whole process takes under a minute. The step most people miss is exporting cleanly — the instructions below cover both Canvas and regular chat, then walk through each host option.

From Canvas: click the download icon at the top right of the Canvas panel. Canvas exports code files with the appropriate extension — for HTML, save it as index.html. If you only see PDF/DOCX options, you’re in a text document rather than a code Canvas; ask ChatGPT to re-generate as a code file.

From a regular chat: ask ChatGPT to output a “single self-contained HTML file” with all styles and scripts inline. Copy the code block, paste it into a text editor (VS Code, Notepad, TextEdit in plain text mode), and save as index.html.

Once you have the file, pick a host from the table in the next section and follow its upload flow. All of them take under a minute from file to URL.

Which free hosting option should you use?

Use the comparison below to match your situation to a tool. The right answer depends on whether you prefer a browser or a terminal, how large the file is, and whether you need the link to last more than a week.

Tool	How you publish	File size limit	Link permanence	Free tier cost
Netlify Drop	Drag file to drop.netlify.com	No documented cap	Permanent (free account)	Free
tiiny.host	Drag to browser UI	3 MB (zip up to 10 MB)	Permanent (1 live site)	Free
surge.sh	surge index.html (CLI)	Not documented	Permanent, unlimited sites	Free
dropthis	dropthis index.html --url or MCP	5 MB	7 days (free tier)	Free
dropthis Pro	CLI / MCP / SDK / REST	100 MB	Permanent	$19/mo

Netlify Drop is the fastest browser path. Go to drop.netlify.com, drag your HTML file onto the page, and Netlify returns a URL immediately — no account required to get a preview link. Create a free Netlify account to claim and keep the site permanently.

tiiny.host is the simplest interface: drag a file or ZIP, get a link. The free tier caps files at 3 MB and limits you to one live site. That is enough for a single landing page or portfolio. The tiiny badge appears on free sites.

surge.sh is the terminal option with no constraints: unlimited sites, unlimited custom domains, free. Install once with npm i -g surge, then run surge index.html in the directory containing your file. It prompts for an email on first use and outputs a .surge.sh URL.

dropthis publishes from a terminal with dropthis index.html --url or from inside Claude Code and other MCP-enabled tools. Free drops expire after 7 days and carry up to 5 MB — appropriate for review links and prototypes. Pro removes the expiry, raises the limit to 100 MB, and adds password protection and a custom domain.

If you are sharing a one-off page and don’t need it after a week, the free tier of any option works. If you are building something you intend to keep and update, use Netlify (free, permanent) or dropthis Pro ($19/mo, with update-in-place).

Does it work if ChatGPT gave you a Canvas instead of a file?

Yes, but the export step differs depending on what Canvas contains. An HTML or code Canvas exports directly as a file you can host anywhere. A writing Canvas exports as a document format. A React Canvas needs one extra conversion step. Each case is straightforward once you know which type you have.

HTML/code Canvas: use the download icon. Canvas exports code files with their native extension. For an HTML page, save the file as index.html and proceed to any host from the table above.

Text/writing Canvas: Canvas exports writing as PDF, DOCX, or Markdown — not as a web page. If you want to publish a Canvas document as a web page, ask ChatGPT directly: “Convert this Canvas content into a single self-contained HTML file I can publish.” ChatGPT reliably produces a clean HTML version.

React or component Canvas: if Canvas contains a React component rather than plain HTML, it will not run in a browser without a build step. Ask ChatGPT to “convert this to a single self-contained HTML file with all dependencies inline.” The result is a standalone file you can drop anywhere.

The Canvas share link covers one narrow use case: showing the work to someone who wants to see the conversation alongside the output. For everything else — a URL that just shows the page, on your domain, that you can update — export the file and host it.

What happens when you want a permanent URL (not a 7-day link)?

A permanent link requires a host that commits to keeping the file around indefinitely without requiring you to renew it. Several free options do this: Netlify (with a free account), tiiny.host (one site per account), and surge.sh (unlimited sites). The second requirement is update-in-place — the same URL should reflect new content when you revise it.

If you revise the ChatGPT output and re-publish, you want the existing URL to show the new content — not a new URL that orphans everyone holding the first link.

Different hosts handle this differently:

• Netlify: drag the updated file onto the same site in your Netlify dashboard. The URL stays the same.
• surge.sh: run surge index.html yourdomain.surge.sh — pointing to the same domain republishes to the same URL.
• dropthis: the publish response returns a drop id. Run dropthis update-content <id> index.html to push new content to the same URL. The id is the stable handle. (See how agents keep publish and update straight for why the update/publish distinction matters.)

The update pattern is the piece most tutorials skip entirely. You generate code with ChatGPT more than once — the first draft is never the last. A workflow that creates a new URL every time accumulates stale links. Pick a host that supports update-in-place from the start.

For password protection, a custom domain, or publishing directly from inside Claude Code or another AI tool via MCP, those features live in the sharing AI work pillar and the how to share Claude artifacts tutorial covers the MCP path in detail.