How to publish a website you made with ChatGPT or Claude

To publish a website that ChatGPT or Claude wrote for you, save the code in a file called index.html, upload that file to GitHub, then select the repository in the Coolify panel on your server and deploy it. Your site ends up on a public HTTPS address, and you can connect your own domain if you have one. This guide assumes it's your first time and walks through every stage from the start.

First, check what you have. A site written in a chat is usually a single HTML file with nothing to build, and that's what this guide covers. If the reply mentions npm install, package.json or Next.js, you have an app instead, and our coding tool guide is the better place to go.

1. Ask for a single file

Send this in the chat so you don't have to juggle several files:

Give me this site as one index.html file. Keep the CSS and JavaScript inside that file. If you use images, tell me their file names.

2. Save the file on your computer

• ChatGPT: Code usually arrives in a code block in the chat, so copy the block. If you see a download button, you can use that too.
• Claude: The site often opens as an artifact beside the chat. Anthropic's docs describe controls at the top of the artifact for viewing, copying or downloading the code. Designs made from a template have Export, which gives you standalone HTML or a .zip.

If you copied the code, paste it into a text editor and save it as index.html. In Windows Notepad, set the file type to All Files, or the name will end in .txt. In TextEdit on a Mac, switch to plain text first. Double-click the file and your site should open in the browser. Put any images in the same folder.

3. Upload the files to GitHub

The server collects your site from a repository on GitHub, which works like a folder for your files.

1. Create a GitHub account. At the top right, choose New repository.
2. Give it a short name, set the visibility to Public, turn on Add README and press Create repository.
3. Above the file list, open the Add file menu, choose Upload files, drag in index.html and your images, and press Commit changes.

Anyone can see a public repository, and an HTML page is visible to every visitor anyway. So never put a password or API key in it.

4. Order the server

Order from the Next.js VPS page or the Coolify VPS page. Both come with the Coolify deployment panel. A plain HTML site has no build step, so it doesn't need the memory Next.js does, and you can choose a smaller size on the Coolify page. After payment, open your server from My servers in your Seturack panel and wait for the App row on the Overview tab to say it's ready.

5. Deploy from the panel

1. On the Overview tab, open the Panel address link and sign in to Coolify with the Email and Password rows.
2. On the Projects page, open My first project and production, then press New resource.
3. Choose Public Git Repository, enter the address of your GitHub repository and press Check repository.
4. Under Build pack, choose Static, leave Base Directory at / and press Continue. This option publishes the files as they are, with no build.
5. Press Deploy. When it finishes, open the HTTPS address on the Domains page.

That's it, your site is live. You have root access, and you can manage everything from the panel if you prefer.

A coding tool can do this for you

If you plan to change the site often, a coding tool such as Claude Code or Cursor makes life easier. Open the folder holding index.html in the tool, copy the Paste into your AI tool row from your Seturack panel and paste it in. The tool creates the repository, deploys the site and gives you the address. Our coding tool guide has the details. The ChatGPT and Claude chat windows can't send commands to a server, so don't paste that text there.

Four things worth knowing

• Forms: A contact form in plain HTML can't send email on its own. To receive messages, it has to connect to a form service or server code.
• Accounts and payments: Sign-in, stored records and payments need server code and a database. At that point your site is an app.
• File names: The server treats capitals and lowercase as different. If the code says logo.png and the file is Logo.PNG, the image won't show.
• Backups: Daily backups are included in the price, and the main copy of your site stays on GitHub.

Frequently asked questions

How much RAM does a simple HTML site need?

With no build, the site itself asks for very little, so Coolify sets the floor. Its docs ask for at least 2 cores and 2 GB of RAM. The Next.js option recommends more because of its builds: at least 4 GB of RAM, 2 vCores and 40 GB of disk.

What does it cost per month?

The recommended minimum for the Next.js option is about $6 a month (VAT included), and outside Turkey you pay in US dollars. You'll find smaller sizes on the pricing page. Daily backups are included in the price and traffic is unlimited. A domain is a separate cost, and you buy it elsewhere.

How do I connect my own domain?

Point an A record at the server's IP address with your domain provider. In Coolify, press Add domain on the Domains page, enter your domain with https, save and press Redeploy. The certificate is issued automatically. Our domain article explains the A record.

How do I update the site later?

Ask ChatGPT or Claude for the change, upload the new index.html to GitHub under the same name, and press Redeploy in Coolify. To publish on every upload, add the address from the app's Webhooks page on GitHub, as our Next.js guide explains.

Do I need a database?

Not for a plain HTML site. To store visitor data, you can create PostgreSQL in Coolify on the same server, but you'll also need server code to use it. At that stage, move on to our app deployment guide.

Ready-made on Seturack: Next.js, Coolify.