2017-04-22 12:51:51 +00:00
[](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/with-custom-babel-config)
2016-12-22 01:36:00 +00:00
# Example app using custom babel config
2017-01-16 21:23:24 +00:00
Download the example [or clone the repo ](https://github.com/zeit/next.js ):
2016-12-22 23:05:49 +00:00
```bash
2017-12-07 02:12:42 +00:00
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-custom-babel-config
2016-12-22 23:05:49 +00:00
cd with-custom-babel-config
```
Install it and run:
```bash
npm install
npm run dev
```
Deploy it to the cloud with [now ](https://zeit.co/now ) ([download](https://zeit.co/download))
```bash
now
```
## The idea behind the example
2016-12-22 01:36:00 +00:00
This example features:
* An app using proposed [do expressions ](https://babeljs.io/docs/plugins/transform-do-expressions/ ).
* It uses babel-preset-stage-0, which allows us to use above JavaScript feature.
2016-12-26 18:13:45 +00:00
* It uses '.babelrc' file in the app directory to add above preset.
> Most of the time, when writing a custom `.babelrc` file, you need to add `next/babel` as a preset.
2016-12-22 01:36:00 +00:00
## How to run it
```sh
npm install
npm run dev
```
