Automate It
Connect Your Claude Vibe-Coded Site to a Custom Domain
September 16, 2026
š¤ How to Not Sound Like a Robot: https://how-to-not-sound-like-a-robot.vercel.app/
š» Book a Free Consult: https://calendly.com/portia-thenewmainstreet/complimentary-consultation
DESCRIPTION
Learn how to vibe code a website with Claude and then publish it yourself using Vercel ā without being stuck sharing a Claude Artifact link.
In this tutorial, I walk through the entire process of creating a website with Claude, publishing it to Vercel, connecting a custom domain, and configuring DNS so the site is live and secure.
We start by building an AI workshop website in Claude, then move it from a Claude Artifact to Vercel so we have more control over the site's branding, SEO, domain, and how we share it.
In this video, you'll learn how to:
* Vibe code a website with Claude
* Create and edit a website using natural-language prompts
* Publish a Claude-generated website to Vercel
* Connect Claude to Vercel
* Change the Vercel project domain
* Connect a custom domain to Vercel
* Configure DNS records
* Set up A and CNAME records
* Connect your domain to your production website
* Get an SSL certificate so your site loads securely
This is a practical walkthrough for anyone who wants to use AI to build websites while still maintaining control over the final site.
If you're interested in **AI website building, vibe coding, Claude, AI tools, web development, and practical ways to use AI to build things**, subscribe for more tutorials.