TinyCMSTinyCMS
Back to GuidesOpen Dashboard

TinyCMS Guide

How to Deploy a Claude-Generated Website to a Custom Domain

Learn how to take your Claude Artifact website and deploy it live to your custom domain in minutes. Step-by-step guide with screenshots and DNS setup instructions.

January 8, 20266 min readTinyCMS

How to Deploy a Claude-Generated Website to a Custom Domain

So you just built an amazing website in Claude, and now you're staring at the Artifact wondering: "How do I actually put this on the internet with my own domain?"

You're not alone. Thousands of people create beautiful websites with Claude every day, but the gap between "cool artifact" and "live website at myawesomesite.com" can feel overwhelming if you've never deployed a site before.

This guide will walk you through the entire process, from copying your code to having a live site on your custom domain.

What You'll Need

Before we start, make sure you have:

  • Your Claude-generated HTML (the artifact you created)
  • A custom domain (either already purchased, or you can buy one from Namecheap, GoDaddy, or Google Domains for ~$12/year)
  • About 10 minutes

Step 1: Export Your Code from Claude

First, you need to get your website code out of Claude:

  1. Open the Artifact that contains your website
  2. Click the three-dot menu in the top right of the artifact
  3. Select "Copy code" or click "Open" and manually select and copy all the HTML
  4. Paste it into a text file and save it as index.html on your computer

Pro tip: Make sure you copy the entire HTML document, including the <!DOCTYPE html> at the top and the closing </html> tag at the bottom.

Step 2: Choose a Hosting Platform

Now you need somewhere to host your website. You have several options:

Option A: Traditional Hosting Services

Services like Netlify, Vercel, or GitHub Pages are popular and free for basic use. However, they require:

  • Creating an account
  • Understanding their deployment system
  • Configuring DNS settings manually
  • Dealing with build processes (even for simple HTML)

This can take 30-60 minutes if you're new to web hosting.

Option B: Use TinyCMS (Fastest Path)

TinyCMS was built specifically for this use case. Here's why it's faster:

  • Paste your HTML and publish in under 2 minutes
  • Visual editor lets you make changes without touching code
  • One-click publishing to a live URL
  • Custom domain setup is guided and verified
  • Free plan available (yoursite.tinycms.pro subdomain)

For this guide, I'll show you both paths so you can choose what works best.

Create your project:

  1. Go to tinycms.pro
  2. Click "Create New Project"
  3. Name your project (e.g., "My Claude Website")
  4. Paste your HTML into the source field
  5. Click "Launch Project"

Your site is now live at yourproject.tinycms.pro -- that fast.

Make visual edits (optional):

TinyCMS automatically detects editable fields in your HTML, so you can:

  • Click on text to edit it inline
  • Swap images by clicking them
  • Update colors and styling visually
  • Or drop into the source editor for full control

Connect your custom domain:

  1. In your TinyCMS dashboard, click "Connect Custom Domain"
  2. Enter your domain (e.g., myawesomesite.com)
  3. Copy the CNAME record TinyCMS provides
  4. Add it to your domain registrar's DNS settings
  5. Click "Verify" in TinyCMS

Within a few minutes to a few hours (depending on DNS propagation), your Claude-generated website will be live on your custom domain.

Pricing:

  • Free: Subdomain hosting (yoursite.tinycms.pro)
  • Basic ($9/mo): 1 custom domain
  • Pro ($19/mo): 3 custom domains + premium features

Step 3B: Deploy with Netlify (Manual Alternative)

If you prefer to use Netlify:

  1. Create a Netlify account at netlify.com
  2. Drag and drop your index.html file into the Netlify deploy zone
  3. Your site goes live at a random subdomain like zealous-curie-abc123.netlify.app
  4. To add a custom domain:
    • Click "Domain settings"
    • Click "Add custom domain"
    • Follow their DNS configuration instructions (add A records and CNAME records to your domain registrar)
    • Wait for DNS propagation (2-48 hours)

Step 4: Verify Your Site is Live

Once DNS has propagated:

  1. Visit your custom domain in a browser
  2. Check that all images load correctly
  3. Test any links or forms
  4. View on mobile to ensure responsive design works

Common Issues and Fixes

"My images aren't showing up"

  • If your Claude artifact used placeholder images or local paths, you'll need to replace them with actual hosted images
  • Use a service like Imgur or Cloudinary, or upload images to your hosting provider

"My custom domain isn't working"

  • DNS changes can take up to 48 hours to propagate globally
  • Double-check that you added the CNAME or A records correctly
  • Make sure you didn't include http:// in the CNAME value

"I want to make changes to my site"

  • If using TinyCMS, just edit visually or in the source editor and republish
  • If using other hosting, you'll need to edit your HTML file locally and re-upload it

Making Updates to Your Site

This is where the deployment method you chose really matters.

With TinyCMS:

  • Edit text, images, or code directly in the dashboard
  • Click "Publish" to push changes live
  • Takes about 30 seconds

With traditional hosting:

  • Edit your local HTML file
  • Re-upload through their deployment process
  • Hope you didn't break anything

Regenerate with Claude: You can always go back to Claude and ask it to modify your website, then copy the new code and republish. If you're iterating frequently, having a visual editor can save a lot of time.

Next Steps

Now that your Claude-generated website is live, consider:

  • Setting up analytics (Google Analytics or Plausible) to track visitors
  • Adding a contact form using services like Formspree or Tally
  • Improving SEO by adding meta descriptions and proper heading structure
  • Creating more pages and linking them together
  • A/B testing different versions of your landing page copy

Conclusion

Deploying a Claude-generated website doesn't have to be complicated. Whether you choose a traditional hosting platform or a purpose-built tool like TinyCMS, the key is getting from "artifact" to "live site" as quickly as possible so you can start getting feedback and iterating.

The fastest path is usually the one that removes the most friction. For most people building their first site from Claude, that means avoiding manual DNS configuration, FTP uploads, and build processes -- and just pasting, editing, and publishing.

Ready to deploy your Claude website? Start a free project on TinyCMS ->

Ready to publish?

Turn this guide into action in minutes. Paste your HTML and ship a live landing page today.

Start a ProjectView Dashboard