Bootstrap Studio Sites is our powerful hosting platform for publishing sites online. It is super fast, gives you HTTPS, password protection, the ability to host custom domains, and best of all, it's free for all users of the app!
Publishing your design to one of our free
xxx.bss.design subdomains is straightforward. To host a custom domain like
example.com on our platform takes a few more steps, which we'll cover in this guide.
1. Getting a Custom Domain
First and foremost, you need to have a domain name that you wish to host on our platform. You can host the bare domain (
example.com) or a subdomain (
site.example.com etc). If you don't have one already, you can register your domain with a number of reputable domain registrars like Namecheap.
2. Setting up CloudFlare
Set up CloudFlare for your domain. They offer a generous free tier and have guides for every domain name registrar. It may take a few hours for the DNS changes to propagate, but your site will remain online the entire time.
Note: CloudFlare isn't strictly required (you can point your domain to our service without them) but they are the only provider that can issue an HTTPS certificate for your domain, and they support CNAME flattening, which allows you to point your bare domain to us.
3. Creating a Site with a Custom Domain
As you saw in our previous tutorial, creating a new site is done from the Cloud > Manage Websites menu in Bootstrap Studio, and then pressing the Add Website button.
This opens the Create Website dialog, where you need to choose Custom Domain in the dropdown, enter your domain, and click Check. You can see the result below.
After your migration to CloudFlare is complete, you can continue with the next step.
If your domain contains characters from an international (non-latin) alphabet, you can paste the punycode encoded version (like xn--e1aybc.com) above.
4. Creating a DNS Record
This is the most crucial step in the entire process. In the CloudFlare dashboard, select your domain name and in the DNS tab, fill in the settings you were given in step 3.
Important: Make sure that the cloud icon is orange. If it is gray your HTTPS and hosting will not work.
Then, just click the Add Record button. If you already have an A/CNAME record for this exact host name (
example.com here), you may see an error message. Removing the record with the same host name will allow you to create the CNAME without issues. Be careful what you delete. Write in our forums if you have questions regarding this.
Note: If you want the www version of your website (
www.example.com) to work the same as the non-www version (
example.com), you will need to configure a redirect in CloudFlare's control panel.
5. Verify your Domain
Wait for a couple of minutes after you've done the above DNS change, so that it can come into effect. Then click the Verify Domain button in the Create Website dialog (step 3). Your domain will be validated, and your site will be added to our platform.
6. You're done!
From that moment on, you will be able to publish with a single click from Bootstrap Studio and host your site on our powerful hosting platform.