New guide: AI is in production. Is your governance?

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

New guide: AI is in production. Is your governance?

Announcing Visual Copilot - Figma to production in half the time

An important step after integrating your app with Builder is to deploy your updated app somewhere that others can access your updates at a public-facing URL.

This could be your production environment, such as your-site.com, but often developers set up a preview environment first.

This might be a preview link with services like Vercel, Amplify, or Netlify, such as your-branch-name.vercel.app, or it could be a custom setup, such as a staging.your-site.com

Builder is not a hosting platform. You deploy your code to your own platform the same way you always do, and Builder sends content to it over APIs. The Visual Editor uses a Preview URL connected to your hosted environment.

To allow other team members to use Builder's Visual Editor with your integration:

  • Your code must be somewhere other than localhost.
  • You must update your Preview URL to be the URL that you deployed your updated code.
  • Add your team members to the same Builder space so they can create content.
Screenshot of Page model options with the preview URL set to: https://preview.my-site.com.

When you are ready, deploy your updated code to production and update your preview URL to be your production URL.

To set up a custom domain, configure it through your hosting provider, not through Builder. The process varies by platform, but generally involves:

  1. Deploying your site to a provider such as Vercel, Netlify, or Cloudflare Pages
  2. Adding your custom domain in that provider's domain settings
  3. Updating your DNS records with your domain registrar to point to that provider

For Fusion projects, you can deploy to any standard hosting provider that supports repo-connected apps, such as Vercel, Cloudflare Pages, or AWS Amplify. Once deployed, add your custom domain through that provider's domain settings, then configure the DNS records your registrar requires. If you're using Netlify, Builder also offers a native Netlify integration for deploying directly from Builder. See Connect to Netlify for more information.

For Publish projects, you can enter your domain in the Preview URL field in your model settings for previewing content in the Builder Visual Editor, not for live domain hosting.

Was this article helpful?