Adding an example for universal custom routing

examples/custom-universal-routing/components/link.js

@@ -0,0 +1,21 @@
+import React from 'react'
+import NextLink from 'next/link'
+import {customRoutes} from '../next.config'
+
+function matchInternal (route) {
+  const match = customRoutes.find((element) => {
+    return route.match(element.test)
+  })
+
+  return match ? match.routeTo : false
+}
+
+export default class Link extends React.Component {
+  render () {
+    const internalRoute = matchInternal(this.props.href)
+
+    return <NextLink href={internalRoute} as={this.props.href}>
+      {this.props.children}
+    </NextLink>
+  }
+}

examples/custom-universal-routing/next.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  customRoutes: [{
+    test: /^\/$/,
+    routeTo: '/foo'
+  }, {
+    test: /^\/about(\/?)$/,
+    routeTo: '/bar'
+  }]
+}

examples/custom-universal-routing/package.json

@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "dev": "node server.js",
+    "build": "next build",
+    "start": "NODE_ENV=production node server.js"
+  },
+  "dependencies": {
+    "next": "^2.0.0-beta"
+  }
+}

examples/custom-universal-routing/pages/bar.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import Link from '../components/link'
+
+export default class Bar extends React.Component {
+  render () {
+    return <div>
+      <h1>About (Bar Template)</h1>
+      <div>Click <Link href='/'><a>here</a></Link> to go back home.</div>
+    </div>
+  }
+}

examples/custom-universal-routing/pages/foo.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import Link from '../components/link'
+
+export default class Foo extends React.Component {
+  render () {
+    return <div>
+      <h1>Home (Foo Template)</h1>
+      <div>Click <Link href='/about'><a>here</a></Link> to see the about page.</div>
+    </div>
+  }
+}

examples/custom-universal-routing/server.js

@@ -0,0 +1,30 @@
+const { createServer } = require('http')
+const { parse } = require('url')
+
+const next = require('next')
+const nextConfig = require('./next.config')
+
+const dev = process.env.NODE_ENV !== 'production'
+const app = next({ dev })
+const handle = app.getRequestHandler()
+
+app.prepare()
+  .then(() => {
+    createServer((req, res) => {
+      const { pathname, query } = parse(req.url, true)
+
+      const match = nextConfig.customRoutes.find((definition) => {
+        return pathname.match(definition.test)
+      })
+
+      if (match) {
+        app.render(req, res, match.routeTo, query)
+      } else {
+        handle(req, res)
+      }
+    })
+    .listen(3000, (err) => {
+      if (err) throw err
+      console.log('> Ready on http://localhost:3000')
+    })
+  })