|
1 | 1 | --- |
2 | 2 | title: "Deploying your Sandbox" |
3 | 3 | authors: ["arthurdenner", "CompuIves"] |
4 | | -description: "It's possible to deploy your app directly from CodeSandbox with ZEIT Now." |
| 4 | +description: "It's possible to deploy your app directly from CodeSandbox" |
5 | 5 | --- |
6 | 6 |
|
7 | | -## Integrations |
| 7 | +## What Sandboxes Can be Deployed? |
8 | 8 |
|
9 | | -In order to be able to deploy your app, you need to access the Preferences menu and select the Integrations tab. Log into your ZEIT account and it's all set. |
| 9 | +In order to be able to deploy your app you need to own the sandbox so you have to fork a sandbox that you don't own. |
10 | 10 |
|
11 | | -## Deployment |
| 11 | +## Zeit |
12 | 12 |
|
13 | | -Go to any of your sandboxes, click in the Deployment menu (the rocket icon in the sidebar) and click in "Deploy Sandbox". You'll need to sign in to [Now](https://zeit.co/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 afterwards. |
| 13 | +In order to deploy to [Now](https://zeit.co/now) you need to access the Preferences menu and select the Integrations tab. Log into your ZEIT account and it's all set. |
14 | 14 |
|
15 | | -## Deployment Overview |
| 15 | +### Deploying |
| 16 | + |
| 17 | +Go to any of your sandboxes, click in the Deployment menu (the rocket icon in the sidebar) and click in "Now". You'll need to sign in to [Now](https://zeit.co/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 afterwards. |
| 18 | + |
| 19 | +### More Features |
16 | 20 |
|
17 | 21 | You can see an overview of all deployments you made previously, you can use this overview to delete your previous deploys or to visit the website. |
18 | 22 |
|
| 23 | +## Netlify |
| 24 | + |
| 25 | +With [Netlify](https://netlify.com) you don't even need to connect to your account. This means you can create deployments to share an use even if you don't have a [Netlify](https://netlify.com) account so there is no friction. |
| 26 | + |
| 27 | +As to any services some templates are better than other but as of now we have a good amount of templates that support [Netlify](https://netlify.com) deployments: |
| 28 | + |
| 29 | +- React |
| 30 | +- Vue |
| 31 | +- Preact |
| 32 | +- Nuxt |
| 33 | +- Parcel |
| 34 | +- Static |
| 35 | +- CxJS |
| 36 | +- Styleguidist |
| 37 | +- Typescript Variants of React and Parcel |
| 38 | +- Gatsby |
| 39 | + |
| 40 | +We will work on making more and more templates available in the future. |
| 41 | + |
| 42 | +### Deploying |
| 43 | + |
| 44 | +Go to any of your sandboxes that are supported, click in the Deployment menu (the rocket icon in the sidebar) and click in "[Netlify](https://netlify.com)". 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. |
| 45 | + |
| 46 | +### More Features |
| 47 | + |
| 48 | +You don't need to sign in so if you want to add a sandbox deployment to your account you can click the "Claim Site" button and the deployed sandbox will be added to your netlifly account. |
| 49 | + |
| 50 | +## UI |
| 51 | + |
19 | 52 |  |
0 commit comments