diff --git a/examples/using-inferno/README.md b/examples/using-inferno/README.md new file mode 100644 index 00000000..15d90eff --- /dev/null +++ b/examples/using-inferno/README.md @@ -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) \ No newline at end of file diff --git a/examples/using-inferno/next.config.js b/examples/using-inferno/next.config.js new file mode 100644 index 00000000..7137bc28 --- /dev/null +++ b/examples/using-inferno/next.config.js @@ -0,0 +1,9 @@ +module.exports = { + webpack: function (config) { + config.resolve.alias = { + 'react': 'inferno-compat', + 'react-dom': 'inferno-compat' + } + return config + } +} diff --git a/examples/using-inferno/package.json b/examples/using-inferno/package.json new file mode 100644 index 00000000..37ee7bfc --- /dev/null +++ b/examples/using-inferno/package.json @@ -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" +} diff --git a/examples/using-inferno/pages/about.js b/examples/using-inferno/pages/about.js new file mode 100644 index 00000000..6c501fbd --- /dev/null +++ b/examples/using-inferno/pages/about.js @@ -0,0 +1,5 @@ +import React from 'react' + +export default () => ( +
About us
+) diff --git a/examples/using-inferno/pages/index.js b/examples/using-inferno/pages/index.js new file mode 100644 index 00000000..054ce84b --- /dev/null +++ b/examples/using-inferno/pages/index.js @@ -0,0 +1,6 @@ +import React from 'react' +import Link from 'next/prefetch' + +export default () => ( +
Hello World. About
+)