2017-06-21 19:45:06 +02:00
# Higher Order Component example
2019-11-27 17:40:58 +01:00
## Deploy your own
Deploy the example using [ZEIT Now ](https://zeit.co/now ):
[![Deploy with ZEIT Now ](https://zeit.co/button )](https://zeit.co/new/project?template=https://github.com/zeit/next.js/tree/canary/examples/with-higher-order-component)
2017-06-21 19:45:06 +02:00
## How to use
2017-12-03 05:30:17 +01:00
### Using `create-next-app`
2019-10-11 05:34:14 +02:00
Execute [`create-next-app` ](https://github.com/zeit/next.js/tree/canary/packages/create-next-app ) to
2018-02-24 13:04:17 +01:00
bootstrap the example:
2017-12-03 05:30:17 +01:00
2018-03-14 09:09:46 +01:00
```bash
npx create-next-app --example with-higher-order-component with-higher-order-component-app
# or
yarn create next-app --example with-higher-order-component with-higher-order-component-app
2017-12-03 05:30:17 +01:00
```
### Download manually
2018-07-11 23:56:15 +02:00
Download the example:
2017-06-21 19:45:06 +02:00
Install it and run:
**npm**
2018-02-24 13:04:17 +01:00
2017-06-21 19:45:06 +02:00
```bash
npm install
npm run dev
2018-04-03 14:19:05 +02:00
# or
yarn
yarn dev
2017-06-21 19:45:06 +02:00
```
**yarn**
2018-02-24 13:04:17 +01:00
2017-06-21 19:45:06 +02:00
```bash
npm install
npm run dev
```
2018-02-24 13:04:17 +01:00
Deploy it to the cloud with [now ](https://zeit.co/now )
2019-11-27 17:40:58 +01:00
([download](https://zeit.co/download)):
2017-06-21 19:45:06 +02:00
```bash
now
```
## About example
This example show you how to create Higher Order Component in next.js