Skip to content

Commit

Permalink
example using inferno v1.0.* (#663)
Browse files Browse the repository at this point in the history
* example using inferno v1.0.*

* fix name.
  • Loading branch information
aranajhonny authored and rauchg committed Jan 5, 2017
1 parent e38cacc commit e01056d
Show file tree
Hide file tree
Showing 5 changed files with 68 additions and 0 deletions.
32 changes: 32 additions & 0 deletions examples/using-inferno/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@

# Hello World example

## How to use

Download the example (or clone the repo)[https://github.com/zeit/next.js.git]:

```bash
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/using-inferno
cd using-inferno
```

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 [Inferno](https://github.com/infernojs/inferno), an insanely fast, 9kb React-like library for building high-performance user interfaces on both the client and server. Here we've customized Next.js to use Inferno instead of React.

Here's how we did it:

* Use `next.config.js` to customize our webpack config to support [inferno-compat](https://www.npmjs.com/package/inferno-compat)
9 changes: 9 additions & 0 deletions examples/using-inferno/next.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
module.exports = {
webpack: function (config) {
config.resolve.alias = {
'react': 'inferno-compat',
'react-dom': 'inferno-compat'
}
return config
}
}
16 changes: 16 additions & 0 deletions examples/using-inferno/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"name": "using-inferno",
"version": "1.0.0",
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
},
"dependencies": {
"next": "^2.0.0-beta",
"inferno": "^1.0.7",
"inferno-compat": "^1.0.7"
},
"author": "",
"license": "MIT"
}
5 changes: 5 additions & 0 deletions examples/using-inferno/pages/about.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import React from 'react'

export default () => (
<div>About us</div>
)
6 changes: 6 additions & 0 deletions examples/using-inferno/pages/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import React from 'react'
import Link from 'next/prefetch'

export default () => (
<div>Hello World. <Link href='/about'>About</Link></div>
)

0 comments on commit e01056d

Please sign in to comment.