Introducing the Vanilla Template to CodeSandbox

From day one we’ve always tied templates to a CLI. The main reason for this is that we want to keep sandboxes simple, you shouldn’t need to do any configuration to get started. I didn’t want to create a ‘Vanilla’ template because there was no way to create ‘vanilla’ web projects without configuration, until recently. Parcel A new bundler called ‘ ’ was released in December by . Parcel is a web application bundler that values zero configuration. They reuse classic web concepts, like using as the entry point of the application, which makes it really easy and intuitive to get started with a new project. You only have to create an and run to get a working application. They automatically detect what kind of web application you’re running, and adapt the configuration to that if it’s not specifically set. Parcel devongovett index.html index.html parcel index.html This is aligns perfectly with the values of CodeSandbox. There is almost no friction to get started, and all the needed configuration is automatically detected & installed. That’s why I decided to build a Vanilla template and use Parcel as our configuration behind it. finally Vanilla Template We have a new sandbox called , unlike other sandboxes, this sandbox has as its entry. From this you can add and tags to other files and they will be added to the bundle. We support all loaders that Parcel supports, so we support: vanilla index.html index.html script link Babel TypeScript SCSS/SASS LESS Stylus CSS Modules We also recognize the difference between: import styles from './styles.css'; and import './styles.css'; In the first code block we will generate css modules from the file, and in the second block we won’t. css You can try it out here: Configuration Like Parcel, we automatically do configuration for you. We automatically detect if you’re using or and will adjust our Babel configuration for it. We do support Babel/TypeScript configuration, so you can also choose to do your own configuration by creating a or a . react preact tsconfig.json .babelrc GitHub, Zip Extraction & Deployment Integration Like the other templates, you can create repos, make commits and PRs, download and deploy sandboxes using this template. Without leaving the browser. Beta Warning This is our first template that uses as an entry point, so there can be bugs or unintended behaviour that still needs to be solved. Please let us know in the repo if you find any issues! html _codesandbox-client - An online code editor tailored for web application development 🏖️_github.com CompuIves/codesandbox-client Thanks I want to thank for building this beautiful bundler, I was able to effortlessly build an application in it. Great work! devongovett If you like what we’re doing, consider becoming a or a ! You can stay up to date with CodeSandbox news either on or . contributor patron @CompuIves @codesandboxapp