--- 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-07-11T02:44:39.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/eb275ddb9290b947ba4c53ac30538c77b44edae9-720x405_1y2MXK.webp) News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças ![](/_astro/d20f9f717bbdd511f73ee138be4114ff13f480f9-2400x1350_1fe4aq.webp) News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_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/)