Skip to main content

Deploying your Sandbox

Edit this page

Deploy your app to production from CodeSandbox

Deployment Options

It's possible to deploy your app directly from CodeSandbox through one of our integrated services. To deploy your app, you need to own the sandbox.

Deployment Sidebar

ZEIT

To deploy to ZEIT's Now, access the Preferences menu and select the Integrations tab, then log into your ZEIT account.

Deploying

Go to any of your sandboxes, click on the Deployment menu, which is the rocket icon in left-hand activity bar in the editor. Select "Now". You'll need to sign in to Now when you're deploying for the first time. After you've signed in, you will be able to click "Deploy Now". It will deploy the sandbox and give you a URL.

More Features

You can see an overview of all deployments you've made previously. Use this overview to delete your previous deploys or to visit the website.

Netlify

With Netlify you don't even need to connect to your account. This means you can create deployments to share and use even if you don't have a Netlify account.

Not all templates on CodeSandbox support Netlify deployments. It's hidden as an option where it's not supported, but the following templates do:

  • React
  • Vue
  • Preact
  • Nuxt
  • Parcel
  • Static
  • CxJS
  • Styleguidist
  • Typescript Variants of React and Parcel
  • Gatsby

Deploying

Go to any of your sandboxes that are supported, click on the Deployment menu (the rocket icon in the activity bar in the editor) and click on "Netlify". Click the "Deploy" button to start a new deploy. As the sandbox builds, you can view the logs of the build to see if something went wrong. When the build finishes, you'll get a link to the deployed site. You can also claim the site to add it to your Netlify dashboard.

More Features

You don't need to sign in, so if you want to add a sandbox deployment to your account you need to click the "Claim Site" button and the deployed sandbox will be added to your Netlify account.