2017-04-22 14:51:51 +02:00
[![Deploy to now ](https://deploy.now.sh/static/button.svg )](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/with-custom-babel-config)
2016-12-22 02:36:00 +01:00
# Example app using custom babel config
2017-01-16 22:23:24 +01:00
Download the example [or clone the repo ](https://github.com/zeit/next.js ):
2016-12-23 00:05:49 +01:00
```bash
2017-12-07 03:12:42 +01: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-23 00:05:49 +01: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 02:36:00 +01: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 19:13:45 +01: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 02:36:00 +01:00
## How to run it
```sh
npm install
npm run dev
```