Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/timneutkens/next-issue-910
https://github.com/timneutkens/next-issue-910
Last synced: 21 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/timneutkens/next-issue-910
- Owner: timneutkens
- Created: 2017-01-28T19:28:46.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-01-28T19:29:01.000Z (almost 8 years ago)
- Last Synced: 2024-10-04T12:41:23.975Z (3 months ago)
- Language: JavaScript
- Size: 1000 Bytes
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hello World example
## How to use
Download the example [or clone the repo](https://github.com/zeit/next.js):
```bash
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/using-preact
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
This example uses [Preact](https://github.com/developit/preact) instead of React. It's a React like UI framework which fast and small. Here we've customized Next.js to use Preact instead of React.
Here's how we did it:
* Create `.babelrc` file with es2015 and react presets. This allow us to get rid of the hard coded React dependency for core Next.js modules.
* Use `next.config.js` to customize our webpack config to support [preact-compat](https://github.com/developit/preact-compat)