Blazepack ⚡

Blazing fast dev server powered by sandpack

Motivation

I always wanted the super fast feedback that codesandbox provides in my local environment, so I have built a tiny wrapper around the codesandbox bundler sandpack and it runs locally 🎉

Why Blazepack?

• It is blazing fast ⚡
• Super tiny (24kb) 👌
• Run projects without npm install 💃
• Supports private npm packages 😉
• React fast refresh ❤️
• Supports React, Vue, Angular, Preact, Svelte and more 🔨
• Save disk space 💾

Install

Install it globally

npm i -g blazepack

Usage

Create project from Template

Create your first create react app

blazepack create my-cra --template=react

# create the app and also start the dev server

blazepack create my-angular-app --template=angular --open

Start project

To use it in your existing create react app, angular, preact, svelte, vue cli app just run

blazepack start

It will start the dev server at port 3000 and open it in browser, you can change the default port by using the port option

blazepack start --port 3001

You can also run it using the npx command and not install it globally

npx blazepack start

Install dependency

You can install a new package pretty fast using the below command. It does not create node_modules so you are gonna save a lot of space 😉

blazepack install redux

# or

blazepack add redux

Remove dependency

You can quickly remove a unused dependency by running following command:

blazepack remove redux

# or

blazepack uninstall redux

Check version

To know the version of blazepack you are running use the --version option

blazepack --version

Clone Sandbox

You can clone an existing codesandox, by just running the below commands:

Clone from URL

blazepack clone https://codesandbox.io/s/use-undo-redo-yrts1

Cloning from embed url

blazepack clone https://codesandbox.io/embed/use-undo-redo-yrts1

Clone from Sandbox Id

blazepack clone use-undo-redo-yrts1

Export to codesandbox.io

You can export your current project to codesandbox for sharing with your friends in a jiffy

blazepack export

# use --open option to also open the newly created sandbox in a browser tab

blazepack export --open

Private npm packages

We honour the project level .npmrc file and if it is not found we fallback to user level .npmrc file and then finally the global .npmrc file. Currently we only support scoped private npm packages. To use the scoped private npm packages you need to fist login into the npm registry and add the scope config to .npmrc

@myorg:registry=https://registry.myorg.com
//registry.myorg.com/:_authToken=secrettoken

Help

You can know more about the available commands and their options using the help command

blazepack --help

# get help on individual command

blazepack start --help

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Ameer Jhan 💻 📖 🐛 🤔

Yash Joshi 💻 📖 🐛 🤔

Philip Murphy 💻

Sahil Rajput 📖 🤔

dhruw lalan 💻 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!

Show your support by ⭐ the repo

License

GPL © Ameer Jhan