How to Publish HTML Made with ChatGPT or Claude

hdply · 2026-07-04

You asked ChatGPT, Claude or Gemini for a webpage and got back a wall of HTML that looks great in the preview. The next question is always the same: how do I put this online so other people can see it? Here's the shortest path.

Step 1: Ask the AI for a single self-contained file

Before copying anything, ask the AI to put everything in one file: "Give me a single HTML file with all CSS and JavaScript inline." One self-contained index.html is dramatically easier to host, share and update than a folder of separate files.

Step 2: Copy the code — you don't even need to save a file

On hdply, create a free account, open the editor, and paste the AI's HTML straight in. Click deploy and the page is live on your own address like my-site.hdply.com, HTTPS included. If you already saved the code as a file, drag and drop works too.

Total time from "the AI finished writing" to "my friends can open the link": about a minute.

Step 3: Iterate with the AI, redeploy in seconds

The real power of AI-written pages is iteration: ask for changes, get new code, paste, save. Every deploy is versioned automatically, so if version 5 breaks something, you can restore version 4 with one click. No Git, no build pipeline — the loop is just chat → paste → save.

Three things to check before you publish

No secrets in the code. If the AI added an API key (for a weather widget, a map, an LLM call), remember the page is public — anyone can read its source. Use only keys that are meant to be public, or remove the feature.
Images need real URLs. AIs sometimes reference images that don't exist. Use links to real, hosted images — or ask the AI for inline SVG, which needs no external files at all.
Mobile check. Paste-deploy, then open the URL on your phone. Ask the AI to fix anything that looks off; redeploying takes seconds.

Why not just share the chat or a screenshot?

Chat links expire, require accounts, and show your prompts. Screenshots aren't interactive. A real URL is permanent, loads on any device, and looks like a finished product — because it is one.