--- title: "Deploy CodeSandbox to Netlify | Netlify" description: "Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!" source: "https://www.netlify.com/blog/2019/03/26/deploy-codesandbox-to-netlify/" last_updated: "2026-08-05T06:02:45.000Z" --- Here at Netlify we love developer tools. We focus a lot of attention on making the experience of building for the web as simple and powerful as we can, and the evolution of development tooling contributes to this a great deal. So, in April 2017, when [Bas Buursma](https://twitter.com/bazzjuh) and [Ives van Hoorne](https://twitter.com/CompuIves) launched CodeSandbox, an IDE that you use right from the web browser, we watched with great interest. ![CodeSandbox and Netlify logos](/v3/img/blog/csb-loves-netlify.png "CodeSandbox and Netlify") Today, we are happy to announce that you’re now able to create and deploy sites to Netlify, directly from CodeSandbox! ## What is CodeSandbox? An impressive browser-based IDE built with React and a lot of ingenuity, [CodeSandbox](https://codesandbox.io) has steadily matured and improved since its launch. And has become a fantastic tool for building and experimenting. All from your web browser without the need to create a local development environment. It’s remarkable. After introducing [CodeSandbox containers](https://hackernoon.com/codesandbox-containers-5864a8f26715), it gained the ability to execute the parts of your code that you might usually use as a build step on your local machine. This made it even more enticing to use with JAMstack projects, which you could then deploy to Netlify. There are already a number of ways to deploy a site to Netlify: 1. Using our [app.netlify.com](https://app.netlify.com/) UI ([tutorial](https://serverless.com/blog/how-built-static-serverless-website-netlify/)) 2. Running `netlify deploy` via the [command line](https://cli.netlify.com/) 3. Clicking the mighty [deploy to Netlify button](https://docs.netlify.com/site-deploys/create-deploys/#deploy-to-netlify-button) 4. Calling the [Netlify API](https://open-api.netlify.com/#/default/createSite) 5. Defining your site in [terraform](https://www.terraform.io/docs/providers/netlify/index.html) 6. [Via AWS CloudFormation](https://www.netlify.com/blog/2018/11/29/deploying-netlify-sites-with-aws-cloudformation/) 7. **…and now, CodeSandbox deployments!** Today’s announcement adds yet another method of creating and deploying Netlify to sites. This new integration was built in collaboration with the team at CodeSandbox and we’re delighted at how it can shorten the path between writing code, and getting your sites online. ## CodeSandbox + Netlify By selecting Netlify as your deployment target in CodeSandbox, you can have your project build in Netlify’s CI/CD environment, and deployed directly to our [global ADN](https://www.netlify.com/platform/core/edge/) with one click! ![Deploy from CodeSandbox](/v3/img/blog/csb-deploy.jpg "Deploy CodeSandbox site in Netlify") New sites are created with a unique URL just a few moments after hitting the _deploy_ button. ![Claim your Netlify site from CodeSandbox](/v3/img/blog/csb-claim-deploy.jpg "Claim your Netlify site from CodeSandbox") You can then claim the site and attach it to your Netlify account to enjoy all the usual Netlify benefits of CI/CD and the other [features of Netlify](https://www.netlify.com/platform/) ![Add site to Netlify](/v3/img/blog/csb-netlify-claim.jpg "Add your site to Netlify") Here’s a quick look at just how quickly you can deploy: ## The future CodeSandbox offers a low friction approach to getting started on a web project. And it allows some really interesting ways to collaborate on code in real time from within your browser, without even needing to set up a local development environment. We can’t wait to see where this goes next. Why not try creating your first [CodeSandbox](https://www.codesandbox.io) project today? And deploy it on Netlify from this nifty new integration! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Deploy CodeSandbox to Netlify&url=https://www.netlify.com/blog/2019/03/26/deploy-codesandbox-to-netlify/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2019%2F03%2F26%2Fdeploy-codesandbox-to-netlify%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2019/03/26/deploy-codesandbox-to-netlify/) - [Bluesky](https://bsky.app/intent/compose?text=Deploy CodeSandbox to Netlify+https://www.netlify.com/blog/2019/03/26/deploy-codesandbox-to-netlify/) * * * ### Tags - [Netlify](/blog/tags/netlify/) - [CodeSandbox](/blog/tags/codesandbox/) - [Deployments](/blog/tags/deployments/) - [Tools](/blog/tags/tools/) ## Keep reading ![](/_astro/19ef665d69b3b077bd19c76d9dfcda7749cad7af-1600x900_Z5yehl.webp) News & Announcements July 28, 2026 [ ### New Netlify projects are now private by default ](/blog/new-netlify-projects-are-now-private-by-default) - ![Profile picture of Taylor Barnett-Torabi](/_astro/cf4624da8c1286738397b6fecb53bad504df140b-400x400_ZsvK0s.webp) Taylor Barnett-Torabi ![](/_astro/d0354fe52c160a3abdfdeff297a1baf090302a3d-1600x900_Z1eDdJG.webp) News & Announcements July 14, 2026 [ ### More headroom, a lower per-credit rate, and a bill you can predict: introducing new Pro plan tiers ](/blog/new-pro-plan-tiers) - ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp) Gehrig Kunz ## Recent posts Opinions & Insights July 28, 2026 [ ### Open Weights and the 2nd World ](/blog/open-weights-and-the-2nd-world) - ![Profile picture of Mathias Biilmann](/_astro/f193d4707a6391d843d5aaa73338b5a5971ec5cc-960x960_1Yylqm.webp) Mathias Biilmann Tools & Services July 28, 2026 [ ### MCP goes stateless and extensible ](/blog/mcp-goes-stateless-and-extensible) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts News & Announcements July 28, 2026 [ ### New Netlify projects are now private by default ](/blog/new-netlify-projects-are-now-private-by-default) - ![Profile picture of Taylor Barnett-Torabi](/_astro/cf4624da8c1286738397b6fecb53bad504df140b-400x400_ZsvK0s.webp) Taylor Barnett-Torabi ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)