Here's a clear step-by-step guide on how to host a custom domain with Bootstrap Studio's free hosting:

🌐 What is Bootstrap Studio Hosting?
Bootstrap Studio provides free static hosting (HTTPS-enabled) via .bss.design subdomains. You can also connect a custom domain (e.g., yourdomain.com) for free.

✅ Step-by-Step: Connect Your Custom Domain
1. Export or Publish Your Site
In Bootstrap Studio, click File > Publish.

Choose Publish to Bootstrap Studio Sites.

You'll get a yourproject.bss.design live URL.

2. Add Your Custom Domain in Bootstrap Studio
Go to your Bootstrap Studio dashboard:

Visit https://bootstrapstudio.io/sites

Find your published site and click "Settings".

Under Custom Domain, enter your domain (e.g., www.yourdomain.com).

Bootstrap Studio will now give you DNS records to add.

3. Update Your Domain's DNS Settings
Go to your domain registrar (e.g., GoDaddy, Namecheap, Google Domains).

Find your DNS management section.

Add the following:

✅ CNAME Record
Type   Name / Host   Value / Points to
CNAME   www   yourproject.bss.design

(Replace with your actual .bss.design URL)

Optional:
To make the naked domain (yourdomain.com) work:

Add a URL redirect to forward to www.yourdomain.com, or

Use an A Record pointing to Bootstrap Studio's IP (if provided)

4. Wait for DNS Propagation
Changes can take up to 24–48 hours, but often update within 1–4 hours.

Bootstrap Studio will automatically install an SSL certificate (HTTPS).

💡 Tips
Always publish changes from Bootstrap Studio to update your live site.

Use the preview feature to test before going live.

Make sure your DNS settings don't conflict with other services (email, etc.).

🛠 Example: Connecting a Domain from Namecheap
Go to your domain's Advanced DNS tab.

Add:

CNAME for www pointing to yourproject.bss.design

Optional redirect from @ to www.yourdomain.com