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/using-preact)
2016-12-27 19:58:10 +01:00
# Hello World example
## How to use
2017-12-03 05:30:17 +01:00
### Using `create-next-app`
Download [`create-next-app` ](https://github.com/segmentio/create-next-app ) to bootstrap the example:
```
npm i -g create-next-app
create-next-app --example using-preact using-preact-app
```
### Download manually
2017-01-16 22:23:24 +01:00
Download the example [or clone the repo ](https://github.com/zeit/next.js ):
2016-12-27 19:58:10 +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/using-preact
2016-12-27 19:58:10 +01:00
cd using-preact
```
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
2017-10-09 22:55:56 +02:00
This example uses [Preact ](https://github.com/developit/preact ) instead of React. It's a React like UI framework which is fast and small. Here we've customized Next.js to use Preact instead of React.
2016-12-27 19:58:10 +01:00
Here's how we did it:
2017-01-16 22:23:24 +01:00
* Use `next.config.js` to customize our webpack config to support [preact-compat ](https://github.com/developit/preact-compat )