The CLI can be installed using either yarn or npm:

npm i -g codesandbox

To upload your project, you can go to the directory of your project and run codesandbox ./ . This will upload the current directory and give you the URL of the sandbox. The source of the CLI can be found here.

What will come

There’s a lot on the roadmap for this coming summer. I want to focus a big chunk of my time in making the editor more user-friendly. We also have a list of features that are going to be implemented in the coming months. Here’s some of the highlights:

Search using Algolia

I’m very excited about this. We’re working together with Algolia to add search for sandboxes. This will help a lot with adding discoverability for sandboxes. A concrete example: let’s say you want to know how to use redux-form . With the new search, you can search for all sandboxes using this library. We’re hoping to turn CodeSandbox into a central place for finding React examples. This feature will also allow you to tag sandboxes.

Deploy with ZEIT Now

We’re also working together with ZEIT to integrate Now with sandboxes. There’ll be a ‘Deploy to Now’ which will deploy a production-ready version of your application using the magic of Now. This is really cool, because now (pun intended), you’ll finally be able to build applications on CodeSandbox from start to finish. This has already been done before, but the deploy step was missing. The people at ZEIT are incredibly helpful and it’s really great to see that we’re sharing the same vision.

Static file support

You won’t be able to use the public folder when uploading using the CLI yet, because we don’t have static file support. This is much requested and will be added soon, this will make it possible to use host images and other binaries right in the sandbox.

Pricing

We’ve also got something called ‘CodeSandbox Pro’ in the works. This is to get some contribution towards the server costs for static file hosting and templates. We don’t want to limit the overall experience, and hence, CodeSandbox Pro will be entirely optional. With CodeSandbox Pro, you’ll be able to make private sandboxes and to use more storage for static files. The idea is that you can pay a monthly amount (which you can decide), and it’ll be fine as long as you contribute more than a certain minimum amount. We haven’t really decided on the minimum yet, but we’ll make sure it’ll be affordable.

Templates

Right now, we only support projects following the create-react-app template. We want to expand this to other templates, starting with vue-cli . You will be able to specify what template you’d like to use when creating a new sandbox. Based on that template the editor, and even the color (blue for create-react-app , green for vue-cli ), will change accordingly. The main requirement will still be that there should be zero configuration to start a project, this applies for downloaded sandboxes too.