2017-04-22 12:51:51 +00: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-flow)
2017-01-19 09:48:55 +00:00
# Example app with [Flow](https://flowtype.org/)
## How to use
2017-12-03 04:30:17 +00:00
### Using `create-next-app`
Download [`create-next-app` ](https://github.com/segmentio/create-next-app ) to bootstrap the example:
2018-03-14 08:09:46 +00:00
```bash
npx create-next-app --example with-flow with-flow-app
# or
yarn create next-app --example with-flow with-flow-app
2017-12-03 04:30:17 +00:00
```
### Download manually
2017-01-19 09:48:55 +00:00
Download the example [or clone the repo ](https://github.com/zeit/next.js ):
```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-flow
2017-01-19 09:48:55 +00:00
cd with-flow
```
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
This example shows how you can use Flow, with the transform-flow-strip-types babel plugin stripping flow type annotations from your output code.
2017-04-30 14:31:03 +00:00
![with-flow ](with-flow.gif )