diff --git a/examples/active-class-name/components/Link.js b/examples/active-class-name/components/Link.js
index eadf822e..fc555524 100644
--- a/examples/active-class-name/components/Link.js
+++ b/examples/active-class-name/components/Link.js
@@ -7,7 +7,9 @@ const ActiveLink = ({ router, children, ...props }) => {
 
   let className = child.props.className || null
   if (router.pathname === props.href && props.activeClassName) {
-    className = `${className !== null ? className : ''} ${props.activeClassName}`.trim()
+    className = `${className !== null ? className : ''} ${
+      props.activeClassName
+    }`.trim()
   }
 
   delete props.activeClassName
diff --git a/examples/analyze-bundles/pages/about.js b/examples/analyze-bundles/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/analyze-bundles/pages/about.js
+++ b/examples/analyze-bundles/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/analyze-bundles/pages/contact.js b/examples/analyze-bundles/pages/contact.js
index ad1b3696..b0fdbcd7 100644
--- a/examples/analyze-bundles/pages/contact.js
+++ b/examples/analyze-bundles/pages/contact.js
@@ -1,5 +1 @@
-export default () => (
-  <div>
-    This is the contact page.
-  </div>
-)
+export default () => <div>This is the contact page.</div>
diff --git a/examples/analyze-bundles/pages/index.js b/examples/analyze-bundles/pages/index.js
index 11df6e46..db9da9fc 100644
--- a/examples/analyze-bundles/pages/index.js
+++ b/examples/analyze-bundles/pages/index.js
@@ -21,7 +21,9 @@ export default class Index extends React.Component {
         <h1>Home Page</h1>
         <p>Welcome, {name}</p>
         <div>
-          <Link href='/about'><a>About Page</a></Link>
+          <Link href='/about'>
+            <a>About Page</a>
+          </Link>
         </div>
       </div>
     )
diff --git a/examples/basic-export/pages/about.js b/examples/basic-export/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/basic-export/pages/about.js
+++ b/examples/basic-export/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/basic-export/pages/about2.js b/examples/basic-export/pages/about2.js
index 44ce6571..fd84a738 100644
--- a/examples/basic-export/pages/about2.js
+++ b/examples/basic-export/pages/about2.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About 2</div>
-)
+export default () => <div>About 2</div>
diff --git a/examples/basic-export/pages/day/index.js b/examples/basic-export/pages/day/index.js
index 5a581008..cc400491 100644
--- a/examples/basic-export/pages/day/index.js
+++ b/examples/basic-export/pages/day/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>Hello Day</div>
-)
+export default () => <div>Hello Day</div>
diff --git a/examples/basic-export/pages/index.js b/examples/basic-export/pages/index.js
index d120061e..c1af49f3 100644
--- a/examples/basic-export/pages/index.js
+++ b/examples/basic-export/pages/index.js
@@ -1,4 +1,9 @@
 import Link from 'next/link'
 export default () => (
-  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/custom-charset/server.js b/examples/custom-charset/server.js
index 5cc46fb4..a67e473a 100644
--- a/examples/custom-charset/server.js
+++ b/examples/custom-charset/server.js
@@ -7,15 +7,13 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      res.setHeader('Content-Type', 'text/html; charset=iso-8859-2')
-      handle(req, res, parsedUrl)
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    res.setHeader('Content-Type', 'text/html; charset=iso-8859-2')
+    handle(req, res, parsedUrl)
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/custom-server-actionhero/actions/render.js b/examples/custom-server-actionhero/actions/render.js
index 60bd2700..c5c964e9 100644
--- a/examples/custom-server-actionhero/actions/render.js
+++ b/examples/custom-server-actionhero/actions/render.js
@@ -1,5 +1,5 @@
 'use strict'
-const {Action, api} = require('actionhero')
+const { Action, api } = require('actionhero')
 
 module.exports = class CreateChatRoom extends Action {
   constructor () {
diff --git a/examples/custom-server-actionhero/config/api.js b/examples/custom-server-actionhero/config/api.js
index 3e85fc02..2c474507 100644
--- a/examples/custom-server-actionhero/config/api.js
+++ b/examples/custom-server-actionhero/config/api.js
@@ -3,7 +3,7 @@
 const path = require('path')
 
 exports['default'] = {
-  general: (api) => {
+  general: api => {
     const packageJSON = require(api.projectRoot + path.sep + 'package.json')
 
     return {
@@ -46,16 +46,16 @@ exports['default'] = {
       cliIncludeInternal: true,
       // configuration for your actionhero project structure
       paths: {
-        'action': [path.join(__dirname, '/../actions')],
-        'task': [path.join(__dirname, '/../tasks')],
-        'public': [path.join(__dirname, '/../static')],
-        'pid': [path.join(__dirname, '/../pids')],
-        'log': [path.join(__dirname, '/../log')],
-        'server': [path.join(__dirname, '/../servers')],
-        'cli': [path.join(__dirname, '/../bin')],
-        'initializer': [path.join(__dirname, '/../initializers')],
-        'plugin': [path.join(__dirname, '/../node_modules')],
-        'locale': [path.join(__dirname, '/../locales')]
+        action: [path.join(__dirname, '/../actions')],
+        task: [path.join(__dirname, '/../tasks')],
+        public: [path.join(__dirname, '/../static')],
+        pid: [path.join(__dirname, '/../pids')],
+        log: [path.join(__dirname, '/../log')],
+        server: [path.join(__dirname, '/../servers')],
+        cli: [path.join(__dirname, '/../bin')],
+        initializer: [path.join(__dirname, '/../initializers')],
+        plugin: [path.join(__dirname, '/../node_modules')],
+        locale: [path.join(__dirname, '/../locales')]
       },
       // hash containing chat rooms you wish to be created at server boot
       startingChatRooms: {
@@ -67,17 +67,17 @@ exports['default'] = {
 }
 
 exports.test = {
-  general: (api) => {
+  general: api => {
     return {
       id: 'test-server-' + process.pid,
       serverToken: 'serverToken-' + process.pid,
       developmentMode: true,
       startingChatRooms: {
-        'defaultRoom': {},
-        'otherRoom': {}
+        defaultRoom: {},
+        otherRoom: {}
       },
       paths: {
-        'locale': [
+        locale: [
           // require('os').tmpdir() + require('path').sep + 'locales',
           path.join(__dirname, '/../locales')
         ]
@@ -88,7 +88,7 @@ exports.test = {
 }
 
 exports.production = {
-  general: (api) => {
+  general: api => {
     return {
       fileRequestLogLevel: 'debug',
       developmentMode: false
diff --git a/examples/custom-server-actionhero/config/errors.js b/examples/custom-server-actionhero/config/errors.js
index 458afb0f..fc9bcce4 100644
--- a/examples/custom-server-actionhero/config/errors.js
+++ b/examples/custom-server-actionhero/config/errors.js
@@ -2,9 +2,9 @@
 
 // error messages can be strings of objects
 exports['default'] = {
-  errors: (api) => {
+  errors: api => {
     return {
-      '_toExpand': false,
+      _toExpand: false,
 
       // ///////////////
       // SERIALIZERS //
@@ -12,28 +12,28 @@ exports['default'] = {
 
       serializers: {
         servers: {
-          web: (error) => {
+          web: error => {
             if (error.message) {
               return String(error.message)
             } else {
               return error
             }
           },
-          websocket: (error) => {
+          websocket: error => {
             if (error.message) {
               return String(error.message)
             } else {
               return error
             }
           },
-          socket: (error) => {
+          socket: error => {
             if (error.message) {
               return String(error.message)
             } else {
               return error
             }
           },
-          specHelper: (error) => {
+          specHelper: error => {
             if (error.message) {
               return 'Error: ' + String(error.message)
             } else {
@@ -49,38 +49,51 @@ exports['default'] = {
 
       // When a params for an action is invalid
       invalidParams: (data, validationErrors) => {
-        if (validationErrors.length >= 0) { return validationErrors[0] }
+        if (validationErrors.length >= 0) {
+          return validationErrors[0]
+        }
         return data.connection.localize('actionhero.errors.invalidParams')
       },
 
       // When a required param for an action is not provided
       missingParams: (data, missingParams) => {
-        return data.connection.localize(['actionhero.errors.missingParams', {param: missingParams[0]}])
+        return data.connection.localize([
+          'actionhero.errors.missingParams',
+          { param: missingParams[0] }
+        ])
       },
 
       // user requested an unknown action
-      unknownAction: (data) => {
+      unknownAction: data => {
         return data.connection.localize('actionhero.errors.unknownAction')
       },
 
       // action not useable by this client/server type
-      unsupportedServerType: (data) => {
-        return data.connection.localize(['actionhero.errors.unsupportedServerType', {type: data.connection.type}])
+      unsupportedServerType: data => {
+        return data.connection.localize([
+          'actionhero.errors.unsupportedServerType',
+          { type: data.connection.type }
+        ])
       },
 
       // action failed because server is mid-shutdown
-      serverShuttingDown: (data) => {
+      serverShuttingDown: data => {
         return data.connection.localize('actionhero.errors.serverShuttingDown')
       },
 
       // action failed because this client already has too many pending acitons
       // limit defined in api.config.general.simultaneousActions
-      tooManyPendingActions: (data) => {
-        return data.connection.localize('actionhero.errors.tooManyPendingActions')
+      tooManyPendingActions: data => {
+        return data.connection.localize(
+          'actionhero.errors.tooManyPendingActions'
+        )
       },
 
       dataLengthTooLarge: (maxLength, receivedLength) => {
-        return api.i18n.localize(['actionhero.errors.dataLengthTooLarge', {maxLength: maxLength, receivedLength: receivedLength}])
+        return api.i18n.localize([
+          'actionhero.errors.dataLengthTooLarge',
+          { maxLength: maxLength, receivedLength: receivedLength }
+        ])
       },
 
       // ///////////////
@@ -89,18 +102,21 @@ exports['default'] = {
 
       // The body message to accompany 404 (file not found) errors regarding flat files
       // You may want to load in the contnet of 404.html or similar
-      fileNotFound: (connection) => {
+      fileNotFound: connection => {
         return connection.localize(['actionhero.errors.fileNotFound'])
       },
 
       // user didn't request a file
-      fileNotProvided: (connection) => {
+      fileNotProvided: connection => {
         return connection.localize('actionhero.errors.fileNotProvided')
       },
 
       // something went wrong trying to read the file
       fileReadError: (connection, error) => {
-        return connection.localize(['actionhero.errors.fileReadError', {error: String(error)}])
+        return connection.localize([
+          'actionhero.errors.fileReadError',
+          { error: String(error) }
+        ])
       },
 
       // ///////////////
@@ -108,41 +124,54 @@ exports['default'] = {
       // ///////////////
 
       verbNotFound: (connection, verb) => {
-        return connection.localize(['actionhero.errors.verbNotFound', {verb: verb}])
+        return connection.localize([
+          'actionhero.errors.verbNotFound',
+          { verb: verb }
+        ])
       },
 
       verbNotAllowed: (connection, verb) => {
-        return connection.localize(['actionhero.errors.verbNotAllowed', {verb: verb}])
+        return connection.localize([
+          'actionhero.errors.verbNotAllowed',
+          { verb: verb }
+        ])
       },
 
-      connectionRoomAndMessage: (connection) => {
+      connectionRoomAndMessage: connection => {
         return connection.localize('actionhero.errors.connectionRoomAndMessage')
       },
 
       connectionNotInRoom: (connection, room) => {
-        return connection.localize(['actionhero.errors.connectionNotInRoom', {room: room}])
+        return connection.localize([
+          'actionhero.errors.connectionNotInRoom',
+          { room: room }
+        ])
       },
 
       connectionAlreadyInRoom: (connection, room) => {
-        return connection.localize(['actionhero.errors.connectionAlreadyInRoom', {room: room}])
+        return connection.localize([
+          'actionhero.errors.connectionAlreadyInRoom',
+          { room: room }
+        ])
       },
 
-      connectionRoomHasBeenDeleted: (room) => {
-        return api.i18n.localize('actionhero.errors.connectionRoomHasBeenDeleted')
+      connectionRoomHasBeenDeleted: room => {
+        return api.i18n.localize(
+          'actionhero.errors.connectionRoomHasBeenDeleted'
+        )
       },
 
-      connectionRoomNotExist: (room) => {
+      connectionRoomNotExist: room => {
         return api.i18n.localize('actionhero.errors.connectionRoomNotExist')
       },
 
-      connectionRoomExists: (room) => {
+      connectionRoomExists: room => {
         return api.i18n.localize('actionhero.errors.connectionRoomExists')
       },
 
-      connectionRoomRequired: (room) => {
+      connectionRoomRequired: room => {
         return api.i18n.localize('actionhero.errors.connectionRoomRequired')
       }
-
     }
   }
 }
diff --git a/examples/custom-server-actionhero/config/i18n.js b/examples/custom-server-actionhero/config/i18n.js
index 979beef7..0c42799f 100644
--- a/examples/custom-server-actionhero/config/i18n.js
+++ b/examples/custom-server-actionhero/config/i18n.js
@@ -1,5 +1,5 @@
 exports['default'] = {
-  i18n: (api) => {
+  i18n: api => {
     return {
       // visit https://github.com/mashpie/i18n-node to see all configuration options
       // locale path can be configired from within ./config/api.js
@@ -28,7 +28,7 @@ exports['default'] = {
 }
 
 exports.test = {
-  i18n: (api) => {
+  i18n: api => {
     return {
       updateFiles: true
     }
diff --git a/examples/custom-server-actionhero/config/logger.js b/examples/custom-server-actionhero/config/logger.js
index a67e323c..8c447479 100644
--- a/examples/custom-server-actionhero/config/logger.js
+++ b/examples/custom-server-actionhero/config/logger.js
@@ -4,16 +4,18 @@ const fs = require('fs')
 const cluster = require('cluster')
 
 exports['default'] = {
-  logger: (api) => {
-    let logger = {transports: []}
+  logger: api => {
+    let logger = { transports: [] }
 
     // console logger
     if (cluster.isMaster) {
       logger.transports.push(function (api, winston) {
-        return new (winston.transports.Console)({
+        return new winston.transports.Console({
           colorize: true,
           level: 'info',
-          timestamp: function () { return api.id + ' @ ' + new Date().toISOString() }
+          timestamp: function () {
+            return api.id + ' @ ' + new Date().toISOString()
+          }
         })
       })
     }
@@ -26,15 +28,18 @@ exports['default'] = {
           fs.mkdirSync(logDirectory)
         } catch (e) {
           if (e.code !== 'EEXIST') {
-            throw (new Error('Cannot create log directory @ ' + logDirectory))
+            throw new Error('Cannot create log directory @ ' + logDirectory)
           }
         }
       }
 
-      return new (winston.transports.File)({
-        filename: api.config.general.paths.log[0] + '/' + api.pids.title + '.log',
+      return new winston.transports.File({
+        filename:
+          api.config.general.paths.log[0] + '/' + api.pids.title + '.log',
         level: 'info',
-        timestamp: function () { return api.id + ' @ ' + new Date().toISOString() }
+        timestamp: function () {
+          return api.id + ' @ ' + new Date().toISOString()
+        }
       })
     })
 
@@ -52,7 +57,7 @@ exports['default'] = {
 }
 
 exports.test = {
-  logger: (api) => {
+  logger: api => {
     return {
       transports: null
     }
diff --git a/examples/custom-server-actionhero/config/plugins.js b/examples/custom-server-actionhero/config/plugins.js
index 01b01572..3ed9a464 100644
--- a/examples/custom-server-actionhero/config/plugins.js
+++ b/examples/custom-server-actionhero/config/plugins.js
@@ -1,5 +1,5 @@
 exports['default'] = {
-  plugins: (api) => {
+  plugins: api => {
     /*
     If you want to use plugins in your application, include them here:
 
diff --git a/examples/custom-server-actionhero/config/redis.js b/examples/custom-server-actionhero/config/redis.js
index f392d929..67273b92 100644
--- a/examples/custom-server-actionhero/config/redis.js
+++ b/examples/custom-server-actionhero/config/redis.js
@@ -11,15 +11,20 @@ if (process.env.REDIS_URL) {
 }
 
 exports['default'] = {
-  redis: (api) => {
+  redis: api => {
     // konstructor: The redis client constructor method.  All redis methods must be promises
     // args: The arguments to pass to the constructor
     // buildNew: is it `new konstructor()` or just `konstructor()`?
 
     function retryStrategy (times) {
       if (times === 1) {
-        const error = 'Unable to connect to Redis - please check your Redis config!'
-        if (process.env.NODE_ENV === 'test') { console.error(error) } else { api.log(error, 'error') }
+        const error =
+          'Unable to connect to Redis - please check your Redis config!'
+        if (process.env.NODE_ENV === 'test') {
+          console.error(error)
+        } else {
+          api.log(error, 'error')
+        }
         return 5000
       }
       return Math.min(times * 50, maxBackoff)
@@ -28,20 +33,44 @@ exports['default'] = {
     return {
       enabled: true,
 
-      '_toExpand': false,
+      _toExpand: false,
       client: {
         konstructor: require('ioredis'),
-        args: [{ port: port, host: host, password: password, db: db, retryStrategy: retryStrategy }],
+        args: [
+          {
+            port: port,
+            host: host,
+            password: password,
+            db: db,
+            retryStrategy: retryStrategy
+          }
+        ],
         buildNew: true
       },
       subscriber: {
         konstructor: require('ioredis'),
-        args: [{ port: port, host: host, password: password, db: db, retryStrategy: retryStrategy }],
+        args: [
+          {
+            port: port,
+            host: host,
+            password: password,
+            db: db,
+            retryStrategy: retryStrategy
+          }
+        ],
         buildNew: true
       },
       tasks: {
         konstructor: require('ioredis'),
-        args: [{ port: port, host: host, password: password, db: db, retryStrategy: retryStrategy }],
+        args: [
+          {
+            port: port,
+            host: host,
+            password: password,
+            db: db,
+            retryStrategy: retryStrategy
+          }
+        ],
         buildNew: true
       }
     }
diff --git a/examples/custom-server-actionhero/config/routes.js b/examples/custom-server-actionhero/config/routes.js
index c126f8e5..3d386ba2 100644
--- a/examples/custom-server-actionhero/config/routes.js
+++ b/examples/custom-server-actionhero/config/routes.js
@@ -1,9 +1,7 @@
 exports['default'] = {
-  routes: (api) => {
+  routes: api => {
     return {
-      get: [
-        { path: '/', matchTrailingPathParts: true, action: 'render' }
-      ]
+      get: [{ path: '/', matchTrailingPathParts: true, action: 'render' }]
     }
   }
 }
diff --git a/examples/custom-server-actionhero/config/servers/socket.js b/examples/custom-server-actionhero/config/servers/socket.js
index f4c918d2..cb541979 100644
--- a/examples/custom-server-actionhero/config/servers/socket.js
+++ b/examples/custom-server-actionhero/config/servers/socket.js
@@ -2,9 +2,9 @@
 
 exports['default'] = {
   servers: {
-    socket: (api) => {
+    socket: api => {
       return {
-        enabled: (process.env.ENABLE_TCP_SERVER !== undefined),
+        enabled: process.env.ENABLE_TCP_SERVER !== undefined,
         // TCP or TLS?
         secure: false,
         // Passed to tls.createServer if secure=true. Should contain SSL certificates
@@ -26,7 +26,7 @@ exports['default'] = {
 
 exports.test = {
   servers: {
-    socket: (api) => {
+    socket: api => {
       return {
         enabled: true,
         port: 1001 + (process.pid % 64535),
diff --git a/examples/custom-server-actionhero/config/servers/web.js b/examples/custom-server-actionhero/config/servers/web.js
index 6ad3dd09..ccb10bfe 100644
--- a/examples/custom-server-actionhero/config/servers/web.js
+++ b/examples/custom-server-actionhero/config/servers/web.js
@@ -4,7 +4,7 @@ const os = require('os')
 
 exports['default'] = {
   servers: {
-    web: (api) => {
+    web: api => {
       return {
         enabled: true,
         // HTTP or HTTPS?
@@ -13,7 +13,9 @@ exports['default'] = {
         serverOptions: {},
         // Should we redirect all traffic to the first host in this array if hte request header doesn't match?
         // i.e.: [ 'https://www.site.com' ]
-        allowedRequestHosts: process.env.ALLOWED_HOSTS ? process.env.ALLOWED_HOSTS.split(',') : [],
+        allowedRequestHosts: process.env.ALLOWED_HOSTS
+          ? process.env.ALLOWED_HOSTS.split(',')
+          : [],
         // Port or Socket Path
         port: process.env.PORT || 8080,
         // Which IP to listen on (use '0.0.0.0' for all; '::' for all on ipv4 and ipv6)
@@ -23,7 +25,8 @@ exports['default'] = {
         httpHeaders: {
           'X-Powered-By': api.config.general.serverName,
           'Access-Control-Allow-Origin': '*',
-          'Access-Control-Allow-Methods': 'HEAD, GET, POST, PUT, PATCH, DELETE, OPTIONS, TRACE',
+          'Access-Control-Allow-Methods':
+            'HEAD, GET, POST, PUT, PATCH, DELETE, OPTIONS, TRACE',
           'Access-Control-Allow-Headers': 'Content-Type'
         },
         // Route that actions will be served from; secondary route against this route will be treated as actions,
@@ -92,7 +95,7 @@ exports['default'] = {
 
 exports.production = {
   servers: {
-    web: (api) => {
+    web: api => {
       return {
         padding: null,
         metadataOptions: {
@@ -106,7 +109,7 @@ exports.production = {
 
 exports.test = {
   servers: {
-    web: (api) => {
+    web: api => {
       return {
         secure: false,
         port: process.env.PORT || 1000 + (process.pid % 64535),
diff --git a/examples/custom-server-actionhero/config/servers/websocket.js b/examples/custom-server-actionhero/config/servers/websocket.js
index f72c0975..1800290d 100644
--- a/examples/custom-server-actionhero/config/servers/websocket.js
+++ b/examples/custom-server-actionhero/config/servers/websocket.js
@@ -4,7 +4,7 @@
 
 exports['default'] = {
   servers: {
-    websocket: (api) => {
+    websocket: api => {
       return {
         enabled: true,
         // you can pass a FQDN (string) here or 'window.location.origin'
@@ -55,7 +55,7 @@ exports['default'] = {
 
 exports['test'] = {
   servers: {
-    websocket: (api) => {
+    websocket: api => {
       return { clientUrl: null }
     }
   }
diff --git a/examples/custom-server-actionhero/config/tasks.js b/examples/custom-server-actionhero/config/tasks.js
index b5652c2e..0febe8aa 100644
--- a/examples/custom-server-actionhero/config/tasks.js
+++ b/examples/custom-server-actionhero/config/tasks.js
@@ -1,5 +1,5 @@
 exports['default'] = {
-  tasks: (api) => {
+  tasks: api => {
     return {
       // Should this node run a scheduler to promote delayed tasks?
       scheduler: false,
@@ -52,7 +52,7 @@ exports['default'] = {
 }
 
 exports.test = {
-  tasks: (api) => {
+  tasks: api => {
     return {
       timeout: 100,
       checkTimeout: 50
diff --git a/examples/custom-server-actionhero/initializers/next.js b/examples/custom-server-actionhero/initializers/next.js
index 2297e70c..0f650552 100644
--- a/examples/custom-server-actionhero/initializers/next.js
+++ b/examples/custom-server-actionhero/initializers/next.js
@@ -1,5 +1,5 @@
 'use strict'
-const {Initializer, api} = require('actionhero')
+const { Initializer, api } = require('actionhero')
 const next = require('next')
 
 module.exports = class NextInitializer extends Initializer {
@@ -10,18 +10,22 @@ module.exports = class NextInitializer extends Initializer {
 
   async initialize () {
     api.next = {
-      render: async (connection) => {
-        if (connection.type !== 'web') { throw new Error('Connections for NEXT apps must be of type "web"') }
+      render: async connection => {
+        if (connection.type !== 'web') {
+          throw new Error('Connections for NEXT apps must be of type "web"')
+        }
         const req = connection.rawConnection.req
         const res = connection.rawConnection.res
         return api.next.handle(req, res)
       }
     }
 
-    api.next.dev = (api.env === 'development')
-    if (api.next.dev) { api.log('Running next in development mode...') }
+    api.next.dev = api.env === 'development'
+    if (api.next.dev) {
+      api.log('Running next in development mode...')
+    }
 
-    api.next.app = next({dev: api.next.dev})
+    api.next.app = next({ dev: api.next.dev })
     api.next.handle = api.next.app.getRequestHandler()
     await api.next.app.prepare()
   }
diff --git a/examples/custom-server-actionhero/pages/index.js b/examples/custom-server-actionhero/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-actionhero/pages/index.js
+++ b/examples/custom-server-actionhero/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-express/pages/index.js b/examples/custom-server-express/pages/index.js
index 5a892506..a369054a 100644
--- a/examples/custom-server-express/pages/index.js
+++ b/examples/custom-server-express/pages/index.js
@@ -3,13 +3,18 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
     <li>
-      <Link
-        href={{pathname: '/posts', query: { id: '2' }}}
-        as='/posts/2'
-      >
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
+    <li>
+      <Link href={{ pathname: '/posts', query: { id: '2' } }} as='/posts/2'>
         <a>post #2</a>
       </Link>
     </li>
diff --git a/examples/custom-server-express/pages/posts.js b/examples/custom-server-express/pages/posts.js
index c8860563..3ed5d6c7 100644
--- a/examples/custom-server-express/pages/posts.js
+++ b/examples/custom-server-express/pages/posts.js
@@ -6,12 +6,14 @@ export default class extends Component {
   }
 
   render () {
-    return <div>
-      <h1>My blog post #{this.props.postId}</h1>
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.
-      </p>
-    </div>
+    return (
+      <div>
+        <h1>My blog post #{this.props.postId}</h1>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </div>
+    )
   }
 }
diff --git a/examples/custom-server-express/server.js b/examples/custom-server-express/server.js
index 3a645a6c..7a766b28 100644
--- a/examples/custom-server-express/server.js
+++ b/examples/custom-server-express/server.js
@@ -6,28 +6,27 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    server.get('/a', (req, res) => {
-      return app.render(req, res, '/b', req.query)
-    })
-
-    server.get('/b', (req, res) => {
-      return app.render(req, res, '/a', req.query)
-    })
-
-    server.get('/posts/:id', (req, res) => {
-      return app.render(req, res, '/posts', { id: req.params.id })
-    })
-
-    server.get('*', (req, res) => {
-      return handle(req, res)
-    })
-
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  server.get('/a', (req, res) => {
+    return app.render(req, res, '/b', req.query)
   })
+
+  server.get('/b', (req, res) => {
+    return app.render(req, res, '/a', req.query)
+  })
+
+  server.get('/posts/:id', (req, res) => {
+    return app.render(req, res, '/posts', { id: req.params.id })
+  })
+
+  server.get('*', (req, res) => {
+    return handle(req, res)
+  })
+
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
diff --git a/examples/custom-server-fastify/pages/index.js b/examples/custom-server-fastify/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-fastify/pages/index.js
+++ b/examples/custom-server-fastify/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-fastify/server.js b/examples/custom-server-fastify/server.js
index aebc3b41..f433da94 100644
--- a/examples/custom-server-fastify/server.js
+++ b/examples/custom-server-fastify/server.js
@@ -6,51 +6,47 @@ const dev = process.env.NODE_ENV !== 'production'
 
 fastify.register((fastify, opts, next) => {
   const app = Next({ dev })
-  app.prepare()
+  app
+    .prepare()
     .then(() => {
       if (dev) {
         fastify.get('/_next/*', (req, reply) => {
-          return app.handleRequest(req.req, reply.res)
-            .then(() => {
-              reply.sent = true
-            })
+          return app.handleRequest(req.req, reply.res).then(() => {
+            reply.sent = true
+          })
         })
       }
 
       fastify.get('/a', (req, reply) => {
-        return app.render(req.req, reply.res, '/b', req.query)
-          .then(() => {
-            reply.sent = true
-          })
+        return app.render(req.req, reply.res, '/b', req.query).then(() => {
+          reply.sent = true
+        })
       })
 
       fastify.get('/b', (req, reply) => {
-        return app.render(req.req, reply.res, '/a', req.query)
-          .then(() => {
-            reply.sent = true
-          })
+        return app.render(req.req, reply.res, '/a', req.query).then(() => {
+          reply.sent = true
+        })
       })
 
       fastify.get('/*', (req, reply) => {
-        return app.handleRequest(req.req, reply.res)
-          .then(() => {
-            reply.sent = true
-          })
+        return app.handleRequest(req.req, reply.res).then(() => {
+          reply.sent = true
+        })
       })
 
       fastify.setNotFoundHandler((request, reply) => {
-        return app.render404(request.req, reply.res)
-          .then(() => {
-            reply.sent = true
-          })
+        return app.render404(request.req, reply.res).then(() => {
+          reply.sent = true
+        })
       })
 
       next()
     })
-    .catch((err) => next(err))
+    .catch(err => next(err))
 })
 
-fastify.listen(port, (err) => {
+fastify.listen(port, err => {
   if (err) throw err
   console.log(`> Ready on http://localhost:${port}`)
 })
diff --git a/examples/custom-server-hapi/next-wrapper.js b/examples/custom-server-hapi/next-wrapper.js
index cc14179b..4b49a28d 100644
--- a/examples/custom-server-hapi/next-wrapper.js
+++ b/examples/custom-server-hapi/next-wrapper.js
@@ -13,7 +13,13 @@ const defaultHandlerWrapper = app => async ({ raw: { req, res }, url }) => {
 }
 
 const pathWrapper = (app, pathName, opts) => async ({ raw, query, params }) => {
-  return app.renderToHTML(raw.req, raw.res, pathName, { ...query, ...params }, opts)
+  return app.renderToHTML(
+    raw.req,
+    raw.res,
+    pathName,
+    { ...query, ...params },
+    opts
+  )
 }
 
 module.exports = { pathWrapper, defaultHandlerWrapper, nextHandlerWrapper }
diff --git a/examples/custom-server-hapi/pages/index.js b/examples/custom-server-hapi/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-hapi/pages/index.js
+++ b/examples/custom-server-hapi/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-hapi/server.js b/examples/custom-server-hapi/server.js
index 4019d0f9..b99dfc91 100644
--- a/examples/custom-server-hapi/server.js
+++ b/examples/custom-server-hapi/server.js
@@ -1,6 +1,10 @@
 const next = require('next')
 const Hapi = require('hapi')
-const { pathWrapper, defaultHandlerWrapper, nextHandlerWrapper } = require('./next-wrapper')
+const {
+  pathWrapper,
+  defaultHandlerWrapper,
+  nextHandlerWrapper
+} = require('./next-wrapper')
 
 const port = parseInt(process.env.PORT, 10) || 3000
 const dev = process.env.NODE_ENV !== 'production'
@@ -9,38 +13,36 @@ const server = new Hapi.Server({
   port
 })
 
-app
-  .prepare()
-  .then(async () => {
-    server.route({
-      method: 'GET',
-      path: '/a',
-      handler: pathWrapper(app, '/a')
-    })
-
-    server.route({
-      method: 'GET',
-      path: '/b',
-      handler: pathWrapper(app, '/b')
-    })
-
-    server.route({
-      method: 'GET',
-      path: '/_next/{p*}', /* next specific routes */
-      handler: nextHandlerWrapper(app)
-    })
-
-    server.route({
-      method: 'GET',
-      path: '/{p*}', /* catch all route */
-      handler: defaultHandlerWrapper(app)
-    })
-
-    try {
-      await server.start()
-      console.log(`> Ready on http://localhost:${port}`)
-    } catch (error) {
-      console.log('Error starting server')
-      console.log(error)
-    }
+app.prepare().then(async () => {
+  server.route({
+    method: 'GET',
+    path: '/a',
+    handler: pathWrapper(app, '/a')
   })
+
+  server.route({
+    method: 'GET',
+    path: '/b',
+    handler: pathWrapper(app, '/b')
+  })
+
+  server.route({
+    method: 'GET',
+    path: '/_next/{p*}' /* next specific routes */,
+    handler: nextHandlerWrapper(app)
+  })
+
+  server.route({
+    method: 'GET',
+    path: '/{p*}' /* catch all route */,
+    handler: defaultHandlerWrapper(app)
+  })
+
+  try {
+    await server.start()
+    console.log(`> Ready on http://localhost:${port}`)
+  } catch (error) {
+    console.log('Error starting server')
+    console.log(error)
+  }
+})
diff --git a/examples/custom-server-koa/pages/index.js b/examples/custom-server-koa/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-koa/pages/index.js
+++ b/examples/custom-server-koa/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-koa/server.js b/examples/custom-server-koa/server.js
index fb122444..2d2a5484 100644
--- a/examples/custom-server-koa/server.js
+++ b/examples/custom-server-koa/server.js
@@ -7,33 +7,32 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    const server = new Koa()
-    const router = new Router()
+app.prepare().then(() => {
+  const server = new Koa()
+  const router = new Router()
 
-    router.get('/a', async ctx => {
-      await app.render(ctx.req, ctx.res, '/b', ctx.query)
-      ctx.respond = false
-    })
-
-    router.get('/b', async ctx => {
-      await app.render(ctx.req, ctx.res, '/a', ctx.query)
-      ctx.respond = false
-    })
-
-    router.get('*', async ctx => {
-      await handle(ctx.req, ctx.res)
-      ctx.respond = false
-    })
-
-    server.use(async (ctx, next) => {
-      ctx.res.statusCode = 200
-      await next()
-    })
-
-    server.use(router.routes())
-    server.listen(port, () => {
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  router.get('/a', async ctx => {
+    await app.render(ctx.req, ctx.res, '/b', ctx.query)
+    ctx.respond = false
   })
+
+  router.get('/b', async ctx => {
+    await app.render(ctx.req, ctx.res, '/a', ctx.query)
+    ctx.respond = false
+  })
+
+  router.get('*', async ctx => {
+    await handle(ctx.req, ctx.res)
+    ctx.respond = false
+  })
+
+  server.use(async (ctx, next) => {
+    ctx.res.statusCode = 200
+    await next()
+  })
+
+  server.use(router.routes())
+  server.listen(port, () => {
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
diff --git a/examples/custom-server-micro/pages/index.js b/examples/custom-server-micro/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-micro/pages/index.js
+++ b/examples/custom-server-micro/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-nodemon/pages/index.js b/examples/custom-server-nodemon/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server-nodemon/pages/index.js
+++ b/examples/custom-server-nodemon/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server-nodemon/server/index.js b/examples/custom-server-nodemon/server/index.js
index 3684c62c..f7286993 100644
--- a/examples/custom-server-nodemon/server/index.js
+++ b/examples/custom-server-nodemon/server/index.js
@@ -7,22 +7,20 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      const { pathname, query } = parsedUrl
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    const { pathname, query } = parsedUrl
 
-      if (pathname === '/a') {
-        app.render(req, res, '/b', query)
-      } else if (pathname === '/b') {
-        app.render(req, res, '/a', query)
-      } else {
-        handle(req, res, parsedUrl)
-      }
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+    if (pathname === '/a') {
+      app.render(req, res, '/b', query)
+    } else if (pathname === '/b') {
+      app.render(req, res, '/a', query)
+    } else {
+      handle(req, res, parsedUrl)
+    }
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/custom-server/pages/index.js b/examples/custom-server/pages/index.js
index d044fc1e..fe5882e3 100644
--- a/examples/custom-server/pages/index.js
+++ b/examples/custom-server/pages/index.js
@@ -3,7 +3,15 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/b' as='/a'><a>a</a></Link></li>
-    <li><Link href='/a' as='/b'><a>b</a></Link></li>
+    <li>
+      <Link href='/b' as='/a'>
+        <a>a</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/a' as='/b'>
+        <a>b</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/custom-server/server.js b/examples/custom-server/server.js
index 3684c62c..f7286993 100644
--- a/examples/custom-server/server.js
+++ b/examples/custom-server/server.js
@@ -7,22 +7,20 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      const { pathname, query } = parsedUrl
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    const { pathname, query } = parsedUrl
 
-      if (pathname === '/a') {
-        app.render(req, res, '/b', query)
-      } else if (pathname === '/b') {
-        app.render(req, res, '/a', query)
-      } else {
-        handle(req, res, parsedUrl)
-      }
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+    if (pathname === '/a') {
+      app.render(req, res, '/b', query)
+    } else if (pathname === '/b') {
+      app.render(req, res, '/a', query)
+    } else {
+      handle(req, res, parsedUrl)
+    }
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/data-fetch/pages/index.js b/examples/data-fetch/pages/index.js
index bac2d5a7..13c6cdc9 100644
--- a/examples/data-fetch/pages/index.js
+++ b/examples/data-fetch/pages/index.js
@@ -14,7 +14,9 @@ export default class Index extends React.Component {
     return (
       <div>
         <p>Next.js has {this.props.stars} ⭐️</p>
-        <Link prefetch href='/preact'><a>How about preact?</a></Link>
+        <Link prefetch href='/preact'>
+          <a>How about preact?</a>
+        </Link>
       </div>
     )
   }
diff --git a/examples/data-fetch/pages/preact.js b/examples/data-fetch/pages/preact.js
index aeb10708..4f9a1bd2 100644
--- a/examples/data-fetch/pages/preact.js
+++ b/examples/data-fetch/pages/preact.js
@@ -14,7 +14,9 @@ export default class Preact extends React.Component {
     return (
       <div>
         <p>Preact has {this.props.stars} ⭐️</p>
-        <Link prefetch href='/'><a>I bet next has more stars (?)</a></Link>
+        <Link prefetch href='/'>
+          <a>I bet next has more stars (?)</a>
+        </Link>
       </div>
     )
   }
diff --git a/examples/form-handler/actions/formActionsCreators.js b/examples/form-handler/actions/formActionsCreators.js
index bdc12364..e4b76759 100644
--- a/examples/form-handler/actions/formActionsCreators.js
+++ b/examples/form-handler/actions/formActionsCreators.js
@@ -1,5 +1,5 @@
 import { INPUT_VALUE } from '../constants'
 
 export const inputChange = (title, name, val) => dispatch => {
-  return dispatch({type: INPUT_VALUE, title, name, val})
+  return dispatch({ type: INPUT_VALUE, title, name, val })
 }
diff --git a/examples/form-handler/components/DisplayForm.js b/examples/form-handler/components/DisplayForm.js
index 1cb6643c..a9111756 100644
--- a/examples/form-handler/components/DisplayForm.js
+++ b/examples/form-handler/components/DisplayForm.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { Col, Row } from 'react-bootstrap'
 import { connect } from 'react-redux'
 
@@ -9,7 +9,7 @@ class DisplayForm extends Component {
       <div>
         <Row>
           <Col lg={8} lgOffset={2}>
-            <pre>{JSON.stringify(state, null, 2) }</pre>
+            <pre>{JSON.stringify(state, null, 2)}</pre>
           </Col>
         </Row>
       </div>
diff --git a/examples/form-handler/components/Header.js b/examples/form-handler/components/Header.js
index b71b74e8..f89e4e25 100644
--- a/examples/form-handler/components/Header.js
+++ b/examples/form-handler/components/Header.js
@@ -6,7 +6,7 @@ const Header = () => {
       <Row style={{ marginTop: '10px' }}>
         <Col lg={8} lgOffset={2}>
           <Jumbotron style={{ borderRadius: '15px' }}>
-            <h1 style={{textAlign: 'center'}}>Form Handler</h1>
+            <h1 style={{ textAlign: 'center' }}>Form Handler</h1>
           </Jumbotron>
         </Col>
       </Row>
diff --git a/examples/form-handler/components/UserForm.js b/examples/form-handler/components/UserForm.js
index aefb43d2..f938a4c3 100644
--- a/examples/form-handler/components/UserForm.js
+++ b/examples/form-handler/components/UserForm.js
@@ -16,7 +16,12 @@ const UserForm = () => {
           <Input controlLabel='Email' type='email' title='user' name='email' />
         </Col>
         <Col lg={8} lgOffset={4}>
-          <Input controlLabel='Password' type='password' title='user' name='password' />
+          <Input
+            controlLabel='Password'
+            type='password'
+            title='user'
+            name='password'
+          />
         </Col>
       </Row>
     </div>
diff --git a/examples/form-handler/components/index.js b/examples/form-handler/components/index.js
index 25366e16..a215ae3f 100644
--- a/examples/form-handler/components/index.js
+++ b/examples/form-handler/components/index.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import Head from 'next/head'
 import { Col, Row } from 'react-bootstrap'
 
@@ -14,7 +14,10 @@ class Main extends Component {
       <div>
         <Head>
           <title>Form Handler</title>
-          <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css' />
+          <link
+            rel='stylesheet'
+            href='https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css'
+          />
         </Head>
         <Header />
         <DisplayForm />
diff --git a/examples/form-handler/handlers/Input.js b/examples/form-handler/handlers/Input.js
index 3d39d39f..99709a3d 100644
--- a/examples/form-handler/handlers/Input.js
+++ b/examples/form-handler/handlers/Input.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { FormGroup, ControlLabel, FormControl } from 'react-bootstrap'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
@@ -6,7 +6,7 @@ import { bindActionCreators } from 'redux'
 import { inputChange } from '../actions'
 
 class Input extends Component {
-  inputChange = (e) => {
+  inputChange = e => {
     const { inputChange, title, name } = this.props
     inputChange(title, name, e.target.value)
   }
@@ -35,4 +35,7 @@ const mapDispatchToProps = dispatch => {
   }
 }
 
-export default connect(null, mapDispatchToProps)(Input)
+export default connect(
+  null,
+  mapDispatchToProps
+)(Input)
diff --git a/examples/form-handler/reducers/formReducer.js b/examples/form-handler/reducers/formReducer.js
index 2eaa9090..7e03fead 100644
--- a/examples/form-handler/reducers/formReducer.js
+++ b/examples/form-handler/reducers/formReducer.js
@@ -3,11 +3,9 @@ import { INPUT_VALUE } from '../constants'
 export default (state = {}, action) => {
   switch (action.type) {
     case INPUT_VALUE:
-      return { ...state,
-        [action.title]:
-        { ...state[action.title],
-          [action.name]: action.val
-        }
+      return {
+        ...state,
+        [action.title]: { ...state[action.title], [action.name]: action.val }
       }
     default:
       return state
diff --git a/examples/form-handler/server.js b/examples/form-handler/server.js
index 46839ab0..37b0bdb4 100644
--- a/examples/form-handler/server.js
+++ b/examples/form-handler/server.js
@@ -5,7 +5,8 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
+app
+  .prepare()
   .then(() => {
     const server = express()
 
@@ -17,12 +18,12 @@ app.prepare()
       return handle(req, res)
     })
 
-    server.listen(3000, (err) => {
+    server.listen(3000, err => {
       if (err) throw err
       console.log('> Ready on http://localhost:3000')
     })
   })
-  .catch((ex) => {
+  .catch(ex => {
     console.error(ex.stack)
     process.exit(1)
   })
diff --git a/examples/gh-pages/.babelrc.js b/examples/gh-pages/.babelrc.js
index 63418a1e..23749282 100644
--- a/examples/gh-pages/.babelrc.js
+++ b/examples/gh-pages/.babelrc.js
@@ -1,10 +1,6 @@
 const env = require('./env-config')
 
 module.exports = {
-  'presets': [
-    'next/babel'
-  ],
-  'plugins': [
-    ['transform-define', env]
-  ]
+  presets: ['next/babel'],
+  plugins: [['transform-define', env]]
 }
diff --git a/examples/gh-pages/pages/about.js b/examples/gh-pages/pages/about.js
index f5970c48..a809d483 100644
--- a/examples/gh-pages/pages/about.js
+++ b/examples/gh-pages/pages/about.js
@@ -2,6 +2,11 @@ import Link from 'next/link'
 export default () => (
   <div>
     <div>About us</div>
-    <div>Back to <Link href='/' as={process.env.BACKEND_URL + '/'}><a>Home</a></Link></div>
+    <div>
+      Back to{' '}
+      <Link href='/' as={process.env.BACKEND_URL + '/'}>
+        <a>Home</a>
+      </Link>
+    </div>
   </div>
 )
diff --git a/examples/gh-pages/pages/index.js b/examples/gh-pages/pages/index.js
index e79c7bd5..adb0aedb 100644
--- a/examples/gh-pages/pages/index.js
+++ b/examples/gh-pages/pages/index.js
@@ -1,4 +1,9 @@
 import Link from 'next/link'
 export default () => (
-  <div>Hello World. <Link href='/about' as={process.env.BACKEND_URL + '/about'}><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link href='/about' as={process.env.BACKEND_URL + '/about'}>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/hello-world/pages/about.js b/examples/hello-world/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/hello-world/pages/about.js
+++ b/examples/hello-world/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/hello-world/pages/day/index.js b/examples/hello-world/pages/day/index.js
index 5a581008..cc400491 100644
--- a/examples/hello-world/pages/day/index.js
+++ b/examples/hello-world/pages/day/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>Hello Day</div>
-)
+export default () => <div>Hello Day</div>
diff --git a/examples/hello-world/pages/index.js b/examples/hello-world/pages/index.js
index d120061e..c1af49f3 100644
--- a/examples/hello-world/pages/index.js
+++ b/examples/hello-world/pages/index.js
@@ -1,4 +1,9 @@
 import Link from 'next/link'
 export default () => (
-  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/layout-component/components/layout.js b/examples/layout-component/components/layout.js
index d96a8434..43345977 100644
--- a/examples/layout-component/components/layout.js
+++ b/examples/layout-component/components/layout.js
@@ -4,22 +4,28 @@ import Head from 'next/head'
 export default ({ children, title = 'This is the default title' }) => (
   <div>
     <Head>
-      <title>{ title }</title>
+      <title>{title}</title>
       <meta charSet='utf-8' />
       <meta name='viewport' content='initial-scale=1.0, width=device-width' />
     </Head>
     <header>
       <nav>
-        <Link href='/'><a>Home</a></Link> |
-        <Link href='/about'><a>About</a></Link> |
-        <Link href='/contact'><a>Contact</a></Link>
+        <Link href='/'>
+          <a>Home</a>
+        </Link>{' '}
+        |
+        <Link href='/about'>
+          <a>About</a>
+        </Link>{' '}
+        |
+        <Link href='/contact'>
+          <a>Contact</a>
+        </Link>
       </nav>
     </header>
 
-    { children }
+    {children}
 
-    <footer>
-      {'I`m here to stay'}
-    </footer>
+    <footer>{'I`m here to stay'}</footer>
   </div>
 )
diff --git a/examples/nested-components/components/post.js b/examples/nested-components/components/post.js
index 055b8962..68617f6f 100644
--- a/examples/nested-components/components/post.js
+++ b/examples/nested-components/components/post.js
@@ -1,7 +1,7 @@
 export default ({ title, children }) => (
   <div className='main'>
-    <h1>{ title }</h1>
-    { children }
+    <h1>{title}</h1>
+    {children}
     <style jsx>{`
       .main {
         font: 15px Helvetica, Arial;
diff --git a/examples/nested-components/pages/index.js b/examples/nested-components/pages/index.js
index 808c7afb..5d96bd8f 100644
--- a/examples/nested-components/pages/index.js
+++ b/examples/nested-components/pages/index.js
@@ -37,7 +37,7 @@ export default () => (
       }
 
       hr::before {
-        content: "***";
+        content: '***';
         color: #ccc;
       }
     `}</style>
diff --git a/examples/only-client-render-external-dependencies/components/BarChart.js b/examples/only-client-render-external-dependencies/components/BarChart.js
index 4c98f707..61a822af 100644
--- a/examples/only-client-render-external-dependencies/components/BarChart.js
+++ b/examples/only-client-render-external-dependencies/components/BarChart.js
@@ -5,8 +5,9 @@ export default dynamic({
     BarChart: import('recharts').then(({ BarChart }) => BarChart),
     Bar: import('recharts').then(({ Bar }) => Bar)
   }),
-  render: (props, { BarChart, Bar }) =>
+  render: (props, { BarChart, Bar }) => (
     <BarChart width={props.width} height={props.height} data={props.data}>
       <Bar dataKey='uv' fill='#8884d8' />
     </BarChart>
+  )
 })
diff --git a/examples/only-client-render-external-dependencies/components/LineChart.js b/examples/only-client-render-external-dependencies/components/LineChart.js
index daedb0d6..ce18c84a 100644
--- a/examples/only-client-render-external-dependencies/components/LineChart.js
+++ b/examples/only-client-render-external-dependencies/components/LineChart.js
@@ -5,8 +5,9 @@ export default dynamic({
     LineChart: import('recharts').then(({ LineChart }) => LineChart),
     Line: import('recharts').then(({ Line }) => Line)
   }),
-  render: (props, { LineChart, Line }) =>
+  render: (props, { LineChart, Line }) => (
     <LineChart width={props.width} height={props.height} data={props.data}>
       <Line type='monotone' dataKey='uv' stroke='#8884d8' />
     </LineChart>
+  )
 })
diff --git a/examples/only-client-render-external-dependencies/pages/chart.js b/examples/only-client-render-external-dependencies/pages/chart.js
index 6a8f4c76..28d76fa8 100644
--- a/examples/only-client-render-external-dependencies/pages/chart.js
+++ b/examples/only-client-render-external-dependencies/pages/chart.js
@@ -2,13 +2,13 @@ import React from 'react'
 import BarChart from '../components/BarChart'
 
 const data = [
-  {name: 'Page A', uv: 4000, pv: 2400, amt: 2400},
-  {name: 'Page B', uv: 3000, pv: 1398, amt: 2210},
-  {name: 'Page C', uv: 2000, pv: 9800, amt: 2290},
-  {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
-  {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
-  {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},
-  {name: 'Page G', uv: 3490, pv: 4300, amt: 2100}
+  { name: 'Page A', uv: 4000, pv: 2400, amt: 2400 },
+  { name: 'Page B', uv: 3000, pv: 1398, amt: 2210 },
+  { name: 'Page C', uv: 2000, pv: 9800, amt: 2290 },
+  { name: 'Page D', uv: 2780, pv: 3908, amt: 2000 },
+  { name: 'Page E', uv: 1890, pv: 4800, amt: 2181 },
+  { name: 'Page F', uv: 2390, pv: 3800, amt: 2500 },
+  { name: 'Page G', uv: 3490, pv: 4300, amt: 2100 }
 ]
 
 const Chart = () => (
diff --git a/examples/only-client-render-external-dependencies/pages/index.js b/examples/only-client-render-external-dependencies/pages/index.js
index 25bda312..8d8a32c1 100644
--- a/examples/only-client-render-external-dependencies/pages/index.js
+++ b/examples/only-client-render-external-dependencies/pages/index.js
@@ -3,13 +3,13 @@ import Link from 'next/link'
 import LineChart from '../components/LineChart'
 
 const data = [
-  {name: 'Page A', uv: 1000, pv: 2400, amt: 2400},
-  {name: 'Page B', uv: 3000, pv: 1398, amt: 2210},
-  {name: 'Page C', uv: 2000, pv: 9800, amt: 2290},
-  {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
-  {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
-  {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},
-  {name: 'Page G', uv: 3490, pv: 4300, amt: 2100}
+  { name: 'Page A', uv: 1000, pv: 2400, amt: 2400 },
+  { name: 'Page B', uv: 3000, pv: 1398, amt: 2210 },
+  { name: 'Page C', uv: 2000, pv: 9800, amt: 2290 },
+  { name: 'Page D', uv: 2780, pv: 3908, amt: 2000 },
+  { name: 'Page E', uv: 1890, pv: 4800, amt: 2181 },
+  { name: 'Page F', uv: 2390, pv: 3800, amt: 2500 },
+  { name: 'Page G', uv: 3490, pv: 4300, amt: 2100 }
 ]
 
 const Index = () => (
diff --git a/examples/parameterized-routing/pages/blog.js b/examples/parameterized-routing/pages/blog.js
index 0ad84704..2a23498b 100644
--- a/examples/parameterized-routing/pages/blog.js
+++ b/examples/parameterized-routing/pages/blog.js
@@ -6,12 +6,14 @@ export default class extends React.Component {
   }
 
   render () {
-    return <div>
-      <h1>My {this.props.id} blog post</h1>
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.
-      </p>
-    </div>
+    return (
+      <div>
+        <h1>My {this.props.id} blog post</h1>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </div>
+    )
   }
 }
diff --git a/examples/parameterized-routing/pages/index.js b/examples/parameterized-routing/pages/index.js
index 72cee8ed..8eb44b6a 100644
--- a/examples/parameterized-routing/pages/index.js
+++ b/examples/parameterized-routing/pages/index.js
@@ -2,8 +2,20 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/blog?id=first' as='/blog/first'><a>My first blog post</a></Link></li>
-    <li><Link href='/blog?id=second' as='/blog/second'><a>My second blog post</a></Link></li>
-    <li><Link href='/blog?id=last' as='/blog/last'><a>My last blog post</a></Link></li>
+    <li>
+      <Link href='/blog?id=first' as='/blog/first'>
+        <a>My first blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/blog?id=second' as='/blog/second'>
+        <a>My second blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/blog?id=last' as='/blog/last'>
+        <a>My last blog post</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/parameterized-routing/server.js b/examples/parameterized-routing/server.js
index 74358d06..34808f70 100644
--- a/examples/parameterized-routing/server.js
+++ b/examples/parameterized-routing/server.js
@@ -10,22 +10,20 @@ const handle = app.getRequestHandler()
 const route = pathMatch()
 const match = route('/blog/:id')
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const { pathname, query } = parse(req.url, true)
-      const params = match(pathname)
-      if (params === false) {
-        handle(req, res)
-        return
-      }
-      // assigning `query` into the params means that we still
-      // get the query string passed to our application
-      // i.e. /blog/foo?show-comments=true
-      app.render(req, res, '/blog', Object.assign(params, query))
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const { pathname, query } = parse(req.url, true)
+    const params = match(pathname)
+    if (params === false) {
+      handle(req, res)
+      return
+    }
+    // assigning `query` into the params means that we still
+    // get the query string passed to our application
+    // i.e. /blog/foo?show-comments=true
+    app.render(req, res, '/blog', Object.assign(params, query))
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/pass-server-data/pages/index.js b/examples/pass-server-data/pages/index.js
index 7d706c44..1b454ddb 100644
--- a/examples/pass-server-data/pages/index.js
+++ b/examples/pass-server-data/pages/index.js
@@ -3,6 +3,10 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/item'><a>View Item</a></Link></li>
+    <li>
+      <Link href='/item'>
+        <a>View Item</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/pass-server-data/pages/item.js b/examples/pass-server-data/pages/item.js
index 70bf03f1..f28bd031 100644
--- a/examples/pass-server-data/pages/item.js
+++ b/examples/pass-server-data/pages/item.js
@@ -1,4 +1,4 @@
-import {Component} from 'react'
+import { Component } from 'react'
 import Link from 'next/link'
 import fetch from 'isomorphic-unfetch'
 
@@ -15,7 +15,9 @@ export default class extends Component {
       return { item: query.itemData }
     } else {
       // On the client, we should fetch the data remotely
-      const res = await fetch('/_data/item', {headers: {'Accept': 'application/json'}})
+      const res = await fetch('/_data/item', {
+        headers: { Accept: 'application/json' }
+      })
       const json = await res.json()
       return { item: json }
     }
@@ -24,9 +26,15 @@ export default class extends Component {
   render () {
     return (
       <div className='item'>
-        <div><Link href='/'><a>Back Home</a></Link></div>
+        <div>
+          <Link href='/'>
+            <a>Back Home</a>
+          </Link>
+        </div>
         <h1>{this.props.item.title}</h1>
-        <h2>{this.props.item.subtitle} - {this.props.item.seller}</h2>
+        <h2>
+          {this.props.item.subtitle} - {this.props.item.seller}
+        </h2>
       </div>
     )
   }
diff --git a/examples/pass-server-data/server.js b/examples/pass-server-data/server.js
index 13d18e42..77f7308e 100644
--- a/examples/pass-server-data/server.js
+++ b/examples/pass-server-data/server.js
@@ -32,7 +32,7 @@ app.prepare().then(() => {
     return handle(req, res)
   })
 
-  server.listen(3000, (err) => {
+  server.listen(3000, err => {
     if (err) throw err
     console.log('> Ready on http://localhost:3000')
   })
diff --git a/examples/progressive-render/pages/index.js b/examples/progressive-render/pages/index.js
index 860b674b..8d9419e9 100644
--- a/examples/progressive-render/pages/index.js
+++ b/examples/progressive-render/pages/index.js
@@ -5,9 +5,7 @@ import Loading from '../components/Loading'
 export default () => (
   <main>
     <section>
-      <h1>
-        This section is server-side rendered.
-      </h1>
+      <h1>This section is server-side rendered.</h1>
     </section>
 
     <NoSSR onSSR={<Loading />}>
diff --git a/examples/root-static-files/pages/index.js b/examples/root-static-files/pages/index.js
index 2bcdac86..654b779c 100644
--- a/examples/root-static-files/pages/index.js
+++ b/examples/root-static-files/pages/index.js
@@ -1,7 +1,13 @@
 export default () => (
   <ul>
-    <li><a href='/robots.txt'>/robots.txt</a></li>
-    <li><a href='/sitemap.xml'>/sitemap.xml</a></li>
-    <li><a href='/favicon.ico'>/favicon.ico</a></li>
+    <li>
+      <a href='/robots.txt'>/robots.txt</a>
+    </li>
+    <li>
+      <a href='/sitemap.xml'>/sitemap.xml</a>
+    </li>
+    <li>
+      <a href='/favicon.ico'>/favicon.ico</a>
+    </li>
   </ul>
 )
diff --git a/examples/root-static-files/server.js b/examples/root-static-files/server.js
index 74743aaa..49574ae7 100644
--- a/examples/root-static-files/server.js
+++ b/examples/root-static-files/server.js
@@ -8,24 +8,18 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      const rootStaticFiles = [
-        '/robots.txt',
-        '/sitemap.xml',
-        '/favicon.ico'
-      ]
-      if (rootStaticFiles.indexOf(parsedUrl.pathname) > -1) {
-        const path = join(__dirname, 'static', parsedUrl.pathname)
-        app.serveStatic(req, res, path)
-      } else {
-        handle(req, res, parsedUrl)
-      }
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    const rootStaticFiles = ['/robots.txt', '/sitemap.xml', '/favicon.ico']
+    if (rootStaticFiles.indexOf(parsedUrl.pathname) > -1) {
+      const path = join(__dirname, 'static', parsedUrl.pathname)
+      app.serveStatic(req, res, path)
+    } else {
+      handle(req, res, parsedUrl)
+    }
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/shared-modules/components/Header.js b/examples/shared-modules/components/Header.js
index 4409ca63..db8e439e 100644
--- a/examples/shared-modules/components/Header.js
+++ b/examples/shared-modules/components/Header.js
@@ -3,11 +3,11 @@ import Link from 'next/link'
 export default () => (
   <div>
     <Link href='/'>
-      <a style={styles.a} >Home</a>
+      <a style={styles.a}>Home</a>
     </Link>
 
     <Link href='/about'>
-      <a style={styles.a} >About</a>
+      <a style={styles.a}>About</a>
     </Link>
   </div>
 )
diff --git a/examples/ssr-caching/pages/blog.js b/examples/ssr-caching/pages/blog.js
index 0ad84704..2a23498b 100644
--- a/examples/ssr-caching/pages/blog.js
+++ b/examples/ssr-caching/pages/blog.js
@@ -6,12 +6,14 @@ export default class extends React.Component {
   }
 
   render () {
-    return <div>
-      <h1>My {this.props.id} blog post</h1>
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.
-      </p>
-    </div>
+    return (
+      <div>
+        <h1>My {this.props.id} blog post</h1>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </div>
+    )
   }
 }
diff --git a/examples/ssr-caching/pages/index.js b/examples/ssr-caching/pages/index.js
index 72cee8ed..8eb44b6a 100644
--- a/examples/ssr-caching/pages/index.js
+++ b/examples/ssr-caching/pages/index.js
@@ -2,8 +2,20 @@ import Link from 'next/link'
 
 export default () => (
   <ul>
-    <li><Link href='/blog?id=first' as='/blog/first'><a>My first blog post</a></Link></li>
-    <li><Link href='/blog?id=second' as='/blog/second'><a>My second blog post</a></Link></li>
-    <li><Link href='/blog?id=last' as='/blog/last'><a>My last blog post</a></Link></li>
+    <li>
+      <Link href='/blog?id=first' as='/blog/first'>
+        <a>My first blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/blog?id=second' as='/blog/second'>
+        <a>My second blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link href='/blog?id=last' as='/blog/last'>
+        <a>My last blog post</a>
+      </Link>
+    </li>
   </ul>
 )
diff --git a/examples/ssr-caching/server.js b/examples/ssr-caching/server.js
index 59970367..8c3fa2b8 100644
--- a/examples/ssr-caching/server.js
+++ b/examples/ssr-caching/server.js
@@ -16,30 +16,29 @@ const ssrCache = new LRUCache({
   maxAge: 1000 * 60 * 60 // 1hour
 })
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    // Use the `renderAndCache` utility defined below to serve pages
-    server.get('/', (req, res) => {
-      renderAndCache(req, res, '/')
-    })
-
-    server.get('/blog/:id', (req, res) => {
-      const queryParams = { id: req.params.id }
-      renderAndCache(req, res, '/blog', queryParams)
-    })
-
-    server.get('*', (req, res) => {
-      return handle(req, res)
-    })
-
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  // Use the `renderAndCache` utility defined below to serve pages
+  server.get('/', (req, res) => {
+    renderAndCache(req, res, '/')
   })
 
+  server.get('/blog/:id', (req, res) => {
+    const queryParams = { id: req.params.id }
+    renderAndCache(req, res, '/blog', queryParams)
+  })
+
+  server.get('*', (req, res) => {
+    return handle(req, res)
+  })
+
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
+
 /*
  * NB: make sure to modify this to take into account anything that should trigger
  * an immediate page change (e.g a locale stored in req.session)
diff --git a/examples/using-inferno/next.config.js b/examples/using-inferno/next.config.js
index b5fe9665..397231a2 100644
--- a/examples/using-inferno/next.config.js
+++ b/examples/using-inferno/next.config.js
@@ -7,7 +7,7 @@ module.exports = {
     }
 
     config.resolve.alias = {
-      'react': 'inferno-compat',
+      react: 'inferno-compat',
       'react-dom': 'inferno-compat'
     }
     return config
diff --git a/examples/using-inferno/pages/about.js b/examples/using-inferno/pages/about.js
index 6c501fbd..f89b5802 100644
--- a/examples/using-inferno/pages/about.js
+++ b/examples/using-inferno/pages/about.js
@@ -1,5 +1,3 @@
 import React from 'react'
 
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/using-inferno/pages/index.js b/examples/using-inferno/pages/index.js
index 6091c29f..b3d37bbe 100644
--- a/examples/using-inferno/pages/index.js
+++ b/examples/using-inferno/pages/index.js
@@ -2,5 +2,10 @@ import React from 'react'
 import Link from 'next/link'
 
 export default () => (
-  <div>Hello World. <Link prefetch href='/about'><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link prefetch href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/using-inferno/server.js b/examples/using-inferno/server.js
index 5a493bdb..86b0cdcd 100644
--- a/examples/using-inferno/server.js
+++ b/examples/using-inferno/server.js
@@ -17,14 +17,12 @@ const next = require('next')
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      handle(req, res, parsedUrl)
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    handle(req, res, parsedUrl)
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/using-nerv/pages/about.js b/examples/using-nerv/pages/about.js
index 6c501fbd..f89b5802 100644
--- a/examples/using-nerv/pages/about.js
+++ b/examples/using-nerv/pages/about.js
@@ -1,5 +1,3 @@
 import React from 'react'
 
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/using-nerv/pages/index.js b/examples/using-nerv/pages/index.js
index 3e6362aa..a136ee0b 100644
--- a/examples/using-nerv/pages/index.js
+++ b/examples/using-nerv/pages/index.js
@@ -2,5 +2,10 @@ import React from 'react'
 import Link from 'next/link'
 
 export default () => (
-  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/using-nerv/server.js b/examples/using-nerv/server.js
index 99bb3847..9beec2aa 100644
--- a/examples/using-nerv/server.js
+++ b/examples/using-nerv/server.js
@@ -16,14 +16,12 @@ const next = require('next')
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      handle(req, res, parsedUrl)
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    handle(req, res, parsedUrl)
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/using-preact/pages/about.js b/examples/using-preact/pages/about.js
index 6c501fbd..f89b5802 100644
--- a/examples/using-preact/pages/about.js
+++ b/examples/using-preact/pages/about.js
@@ -1,5 +1,3 @@
 import React from 'react'
 
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/using-preact/pages/index.js b/examples/using-preact/pages/index.js
index 3e6362aa..a136ee0b 100644
--- a/examples/using-preact/pages/index.js
+++ b/examples/using-preact/pages/index.js
@@ -2,5 +2,10 @@ import React from 'react'
 import Link from 'next/link'
 
 export default () => (
-  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
+  <div>
+    Hello World.{' '}
+    <Link href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
 )
diff --git a/examples/using-preact/server.js b/examples/using-preact/server.js
index 3b516843..638a516a 100644
--- a/examples/using-preact/server.js
+++ b/examples/using-preact/server.js
@@ -10,14 +10,12 @@ const next = require('next')
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      handle(req, res, parsedUrl)
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    handle(req, res, parsedUrl)
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/using-router/components/Header.js b/examples/using-router/components/Header.js
index 55415478..f4db6079 100644
--- a/examples/using-router/components/Header.js
+++ b/examples/using-router/components/Header.js
@@ -13,7 +13,7 @@ export default () => (
 // and use it manually
 
 function onClickHandler (href) {
-  return (e) => {
+  return e => {
     e.preventDefault()
     Router.push(href)
   }
diff --git a/examples/using-router/pages/error.js b/examples/using-router/pages/error.js
index 3333b09e..a51274d6 100644
--- a/examples/using-router/pages/error.js
+++ b/examples/using-router/pages/error.js
@@ -1,4 +1,4 @@
-import {Component} from 'react'
+import { Component } from 'react'
 import Header from '../components/Header'
 import Router from 'next/router'
 
diff --git a/examples/using-with-router/components/ActiveLink.js b/examples/using-with-router/components/ActiveLink.js
index 5869e753..3193e719 100644
--- a/examples/using-with-router/components/ActiveLink.js
+++ b/examples/using-with-router/components/ActiveLink.js
@@ -10,7 +10,7 @@ const ActiveLink = ({ children, router, href }) => {
     color: router.pathname === href ? 'red' : 'black'
   }
 
-  const handleClick = (e) => {
+  const handleClick = e => {
     e.preventDefault()
     router.push(href)
   }
diff --git a/examples/using-with-router/pages/error.js b/examples/using-with-router/pages/error.js
index 21e54b20..98302069 100644
--- a/examples/using-with-router/pages/error.js
+++ b/examples/using-with-router/pages/error.js
@@ -1,4 +1,4 @@
-import {Component} from 'react'
+import { Component } from 'react'
 import Header from '../components/Header'
 import Router from 'next/router'
 
diff --git a/examples/with-algolia-react-instantsearch/components/app.js b/examples/with-algolia-react-instantsearch/components/app.js
index 3f68a58c..6383711a 100644
--- a/examples/with-algolia-react-instantsearch/components/app.js
+++ b/examples/with-algolia-react-instantsearch/components/app.js
@@ -10,7 +10,7 @@ import {
 } from 'react-instantsearch/dom'
 import { InstantSearch } from './instantsearch'
 
-const HitComponent = ({ hit }) =>
+const HitComponent = ({ hit }) => (
   <div className='hit'>
     <div>
       <div className='hit-picture'>
@@ -20,12 +20,8 @@ const HitComponent = ({ hit }) =>
     <div className='hit-content'>
       <div>
         <Highlight attributeName='name' hit={hit} />
-        <span>
-          {' '}- ${hit.price}
-        </span>
-        <span>
-          {' '}- {hit.rating} stars
-        </span>
+        <span> - ${hit.price}</span>
+        <span> - {hit.rating} stars</span>
       </div>
       <div className='hit-type'>
         <Highlight attributeName='type' hit={hit} />
@@ -35,6 +31,7 @@ const HitComponent = ({ hit }) =>
       </div>
     </div>
   </div>
+)
 
 HitComponent.propTypes = {
   hit: PropTypes.object
@@ -45,7 +42,7 @@ export default class extends React.Component {
     searchState: PropTypes.object,
     resultsState: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
     onSearchStateChange: PropTypes.func
-  };
+  }
 
   render () {
     return (
diff --git a/examples/with-algolia-react-instantsearch/components/head.js b/examples/with-algolia-react-instantsearch/components/head.js
index 0737bb58..9051c725 100644
--- a/examples/with-algolia-react-instantsearch/components/head.js
+++ b/examples/with-algolia-react-instantsearch/components/head.js
@@ -6,7 +6,7 @@ const defaultDescription = ''
 const defaultOGURL = ''
 const defaultOGImage = ''
 
-export const Head = props =>
+export const Head = props => (
   <NextHead>
     <meta charSet='UTF-8' />
     <title>{props.title || ''}</title>
@@ -37,6 +37,7 @@ export const Head = props =>
     />
     <link rel='stylesheet' href='../static/instantsearch.css' />
   </NextHead>
+)
 
 Head.propTypes = {
   title: string,
diff --git a/examples/with-algolia-react-instantsearch/pages/index.js b/examples/with-algolia-react-instantsearch/pages/index.js
index e5690971..ad05ca3c 100644
--- a/examples/with-algolia-react-instantsearch/pages/index.js
+++ b/examples/with-algolia-react-instantsearch/pages/index.js
@@ -13,7 +13,7 @@ export default class extends React.Component {
   static propTypes = {
     resultsState: PropTypes.object,
     searchState: PropTypes.object
-  };
+  }
 
   constructor (props) {
     super(props)
@@ -42,7 +42,7 @@ export default class extends React.Component {
       })
     }, updateAfter)
     this.setState({ searchState })
-  };
+  }
 
   componentDidMount () {
     this.setState({ searchState: qs.parse(window.location.search.slice(1)) })
diff --git a/examples/with-amp/components/Byline.js b/examples/with-amp/components/Byline.js
index b668b49e..ed4b91a9 100644
--- a/examples/with-amp/components/Byline.js
+++ b/examples/with-amp/components/Byline.js
@@ -1,5 +1 @@
-export default ({ author }) => (
-  <div className='byline'>
-    By {author}
-  </div>
-)
+export default ({ author }) => <div className='byline'>By {author}</div>
diff --git a/examples/with-amp/pages/_document.js b/examples/with-amp/pages/_document.js
index d579f69e..fb75e3ca 100644
--- a/examples/with-amp/pages/_document.js
+++ b/examples/with-amp/pages/_document.js
@@ -8,8 +8,14 @@ export default class MyDocument extends Document {
         <Head>
           <link rel='canonical' href='/' />
           <meta name='viewport' content='width=device-width,minimum-scale=1' />
-          <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto' />
-          <style amp-boilerplate=''>{`body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}`}</style><noscript><style amp-boilerplate=''>{`body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}`}</style></noscript>
+          <link
+            rel='stylesheet'
+            href='https://fonts.googleapis.com/css?family=Roboto'
+          />
+          <style amp-boilerplate=''>{`body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}`}</style>
+          <noscript>
+            <style amp-boilerplate=''>{`body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}`}</style>
+          </noscript>
           <style amp-custom=''>{`body {font-family: Roboto, sans-serif; padding: 30px; color: #444;} h1 {margin-bottom: 5px;} .byline { color: #aaa; margin-bottom: 25px; } p {font-size: 18px; line-height: 30px; margin-top: 30px;} .caption {color: #ccc; margin-top: 0; font-size: 14px; text-align: center;}`}</style>
           <script async src='https://cdn.ampproject.org/v0.js' />
         </Head>
diff --git a/examples/with-amp/pages/dog.js b/examples/with-amp/pages/dog.js
index 6482e8da..129ec850 100644
--- a/examples/with-amp/pages/dog.js
+++ b/examples/with-amp/pages/dog.js
@@ -8,12 +8,76 @@ export default () => (
     </Head>
     <h1>The Dog</h1>
     <Byline author='Meow Meow Fuzzyface' />
-    <amp-img src='/static/dog.jpg' width='470' height='350' layout='responsive' alt='Woof' />
+    <amp-img
+      src='/static/dog.jpg'
+      width='470'
+      height='350'
+      layout='responsive'
+      alt='Woof'
+    />
     <p className='caption'>Woooooooooooof</p>
-    <p>Wafer donut candy soufflé lemon drops icing. Marzipan gummi bears pie danish lollipop pudding powder gummi bears sweet. Pie sweet roll sweet roll topping chocolate bar dragée pudding chocolate cake. Croissant sweet chocolate bar cheesecake candy canes. Tootsie roll icing macaroon bonbon cupcake apple pie candy canes biscuit candy canes. Jujubes jelly liquorice toffee gingerbread. Candy tootsie roll macaroon chocolate bar icing sugar plum pie. Icing gummies chocolate bar chocolate marzipan bonbon cookie chocolate tart. Caramels danish halvah croissant. Cheesecake cookie tootsie roll ice cream. Powder dessert carrot cake muffin tiramisu lemon drops liquorice topping brownie. Soufflé chocolate cake croissant cupcake jelly.</p>
-    <p>Muffin gummies dessert cheesecake candy canes. Candy canes danish cotton candy tart dessert powder bear claw marshmallow. Muffin chocolate marshmallow danish. Chocolate bar biscuit cake tiramisu. Topping sweet brownie jujubes powder marzipan. Croissant wafer bonbon chupa chups cake cake marzipan caramels jujubes. Cupcake cheesecake sweet roll marshmallow lollipop danish jujubes jelly icing. Apple pie chupa chups lollipop jelly-o cheesecake jelly beans cake dessert. Tootsie roll tootsie roll bonbon pastry croissant gummi bears cake cake. Fruitcake sugar plum halvah gingerbread cookie pastry chupa chups wafer lemon drops. Marshmallow liquorice oat cake lollipop. Lemon drops oat cake halvah liquorice danish powder cupcake soufflé. Cake tart topping jelly-o tart sugar plum. Chocolate bar cookie wafer tootsie roll candy cotton candy toffee pie donut.</p>
-    <p>Ice cream lollipop marshmallow tiramisu jujubes croissant. Bear claw lemon drops marzipan candy bonbon cupcake powder. Candy canes cheesecake bear claw pastry cake donut jujubes. Icing tart jelly-o soufflé bonbon apple pie. Cheesecake pie chupa chups toffee powder. Bonbon lemon drops carrot cake pudding candy halvah cheesecake lollipop cupcake. Pudding marshmallow fruitcake. Gummi bears bonbon chupa chups lemon drops. Wafer dessert gummies gummi bears biscuit donut tiramisu gummi bears brownie. Tootsie roll liquorice bonbon cookie. Sesame snaps chocolate bar cake croissant chupa chups cheesecake gingerbread tiramisu jelly. Cheesecake ice cream muffin lollipop gummies. Sesame snaps jelly beans sweet bear claw tart.</p>
-    <p>Sweet topping chupa chups chocolate cake jelly-o liquorice danish. Pastry jelly beans apple pie dessert pastry lemon drops marzipan gummies. Jelly beans macaroon bear claw cotton candy. Toffee sweet lollipop toffee oat cake. Jelly-o oat cake fruitcake chocolate bar sweet. Lemon drops gummies chocolate cake lollipop bear claw croissant danish icing. Chocolate bar donut brownie chocolate cake lemon drops chocolate bar. Cake fruitcake pudding chocolate apple pie. Brownie tiramisu chocolate macaroon lemon drops wafer soufflé jujubes icing. Cheesecake tiramisu cake macaroon tart lollipop donut. Gummi bears dragée pudding bear claw. Muffin cake cupcake candy canes. Soufflé candy canes biscuit. Macaroon gummies danish.</p>
-    <p>Cupcake cupcake tart. Cotton candy danish candy canes oat cake ice cream candy canes powder wafer. Chocolate sesame snaps oat cake dragée cheesecake. Sesame snaps marshmallow topping liquorice cookie marshmallow. Liquorice pudding chocolate bar. Cake powder brownie fruitcake. Carrot cake dessert marzipan sugar plum cupcake cheesecake pastry. Apple pie macaroon ice cream fruitcake apple pie cookie. Tootsie roll ice cream oat cake cheesecake donut cheesecake bear claw. Sesame snaps marzipan jelly beans chocolate tootsie roll. Chocolate bar donut dragée ice cream biscuit. Pie candy canes muffin candy canes ice cream tiramisu.</p>
+    <p>
+      Wafer donut candy soufflé lemon drops icing. Marzipan gummi bears pie
+      danish lollipop pudding powder gummi bears sweet. Pie sweet roll sweet
+      roll topping chocolate bar dragée pudding chocolate cake. Croissant sweet
+      chocolate bar cheesecake candy canes. Tootsie roll icing macaroon bonbon
+      cupcake apple pie candy canes biscuit candy canes. Jujubes jelly liquorice
+      toffee gingerbread. Candy tootsie roll macaroon chocolate bar icing sugar
+      plum pie. Icing gummies chocolate bar chocolate marzipan bonbon cookie
+      chocolate tart. Caramels danish halvah croissant. Cheesecake cookie
+      tootsie roll ice cream. Powder dessert carrot cake muffin tiramisu lemon
+      drops liquorice topping brownie. Soufflé chocolate cake croissant cupcake
+      jelly.
+    </p>
+    <p>
+      Muffin gummies dessert cheesecake candy canes. Candy canes danish cotton
+      candy tart dessert powder bear claw marshmallow. Muffin chocolate
+      marshmallow danish. Chocolate bar biscuit cake tiramisu. Topping sweet
+      brownie jujubes powder marzipan. Croissant wafer bonbon chupa chups cake
+      cake marzipan caramels jujubes. Cupcake cheesecake sweet roll marshmallow
+      lollipop danish jujubes jelly icing. Apple pie chupa chups lollipop
+      jelly-o cheesecake jelly beans cake dessert. Tootsie roll tootsie roll
+      bonbon pastry croissant gummi bears cake cake. Fruitcake sugar plum halvah
+      gingerbread cookie pastry chupa chups wafer lemon drops. Marshmallow
+      liquorice oat cake lollipop. Lemon drops oat cake halvah liquorice danish
+      powder cupcake soufflé. Cake tart topping jelly-o tart sugar plum.
+      Chocolate bar cookie wafer tootsie roll candy cotton candy toffee pie
+      donut.
+    </p>
+    <p>
+      Ice cream lollipop marshmallow tiramisu jujubes croissant. Bear claw lemon
+      drops marzipan candy bonbon cupcake powder. Candy canes cheesecake bear
+      claw pastry cake donut jujubes. Icing tart jelly-o soufflé bonbon apple
+      pie. Cheesecake pie chupa chups toffee powder. Bonbon lemon drops carrot
+      cake pudding candy halvah cheesecake lollipop cupcake. Pudding marshmallow
+      fruitcake. Gummi bears bonbon chupa chups lemon drops. Wafer dessert
+      gummies gummi bears biscuit donut tiramisu gummi bears brownie. Tootsie
+      roll liquorice bonbon cookie. Sesame snaps chocolate bar cake croissant
+      chupa chups cheesecake gingerbread tiramisu jelly. Cheesecake ice cream
+      muffin lollipop gummies. Sesame snaps jelly beans sweet bear claw tart.
+    </p>
+    <p>
+      Sweet topping chupa chups chocolate cake jelly-o liquorice danish. Pastry
+      jelly beans apple pie dessert pastry lemon drops marzipan gummies. Jelly
+      beans macaroon bear claw cotton candy. Toffee sweet lollipop toffee oat
+      cake. Jelly-o oat cake fruitcake chocolate bar sweet. Lemon drops gummies
+      chocolate cake lollipop bear claw croissant danish icing. Chocolate bar
+      donut brownie chocolate cake lemon drops chocolate bar. Cake fruitcake
+      pudding chocolate apple pie. Brownie tiramisu chocolate macaroon lemon
+      drops wafer soufflé jujubes icing. Cheesecake tiramisu cake macaroon tart
+      lollipop donut. Gummi bears dragée pudding bear claw. Muffin cake cupcake
+      candy canes. Soufflé candy canes biscuit. Macaroon gummies danish.
+    </p>
+    <p>
+      Cupcake cupcake tart. Cotton candy danish candy canes oat cake ice cream
+      candy canes powder wafer. Chocolate sesame snaps oat cake dragée
+      cheesecake. Sesame snaps marshmallow topping liquorice cookie marshmallow.
+      Liquorice pudding chocolate bar. Cake powder brownie fruitcake. Carrot
+      cake dessert marzipan sugar plum cupcake cheesecake pastry. Apple pie
+      macaroon ice cream fruitcake apple pie cookie. Tootsie roll ice cream oat
+      cake cheesecake donut cheesecake bear claw. Sesame snaps marzipan jelly
+      beans chocolate tootsie roll. Chocolate bar donut dragée ice cream
+      biscuit. Pie candy canes muffin candy canes ice cream tiramisu.
+    </p>
   </div>
 )
diff --git a/examples/with-amp/pages/index.js b/examples/with-amp/pages/index.js
index 14af380e..a0d69013 100644
--- a/examples/with-amp/pages/index.js
+++ b/examples/with-amp/pages/index.js
@@ -8,12 +8,190 @@ export default () => (
     </Head>
     <h1>The Cat</h1>
     <Byline author='Dan Zajdband' />
-    <amp-img src='/static/cat.jpg' width='470' height='350' layout='responsive' alt='Meow' />
+    <amp-img
+      src='/static/cat.jpg'
+      width='470'
+      height='350'
+      layout='responsive'
+      alt='Meow'
+    />
     <p className='caption'>Meowwwwwwww</p>
-    <p>Cat ipsum dolor <a href='/dog'>sit amet</a>, eat grass, throw it back up but refuse to leave cardboard box or groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest of the day - checked!. Hide from vacuum cleaner. Chirp at birds chew foot chase the pig around the house and meoooow!. Chase ball of string climb a tree, wait for a fireman jump to fireman then scratch his face claw drapes, for meow to be let in yet attack dog, run away and pretend to be victim meow loudly just to annoy owners. Touch water with paw then recoil in horror hide when guests come over, and tuxedo cats always looking dapper so has closed eyes but still sees you or a nice warm laptop for me to sit on pee in human's bed until he cleans the litter box. Steal the warm chair right after you get up cat not kitten around yet claws in your leg eat all the power cords. Lick sellotape curl into a furry donut immediately regret falling into bathtub or you call this cat food? and fall asleep on the washing machine. Purr for no reason hack up furballs and pelt around the house and up and down stairs chasing phantoms. If it smells like fish eat as much as you wish. Unwrap toilet paper chew iPad power cord white cat sleeps on a black shirt lick the other cats. Lounge in doorway mew. Has closed eyes but still sees you sleep on keyboard, so hunt anything that moves lick sellotape but slap owner's face at 5am until human fills food dish if it smells like fish eat as much as you wish. Meow to be let in find empty spot in cupboard and sleep all day and thug cat sit by the fire burrow under covers always hungry. Swat at dog hide when guests come over purrrrrr chew on cable so mark territory, yet howl on top of tall thing or find something else more interesting. Chase mice kitten is playing with dead mouse. Sit and stare if it fits, i sits. Mark territory damn that dog , but step on your keyboard while you're gaming and then turn in a circle put butt in owner's face human give me attention meow or eat and than sleep on your face. Friends are not food jump around on couch, meow constantly until given food, or walk on car leaving trail of paw prints on hood and windshield, and spread kitty litter all over house, going to catch the red dot today going to catch the red dot today. Jump off balcony, onto stranger's head.</p>
-    <p>Meow to be let out damn that dog howl uncontrollably for no reason caticus cuteicus for play riveting piece on synthesizer keyboard. Meow loudly just to annoy owners the dog smells bad for eat the fat cats food, yet ignore the squirrels, you'll never catch them anyway cat snacks spread kitty litter all over house or hopped up on catnip. Spit up on light gray carpet instead of adjacent linoleum throwup on your pillow, so cat is love, cat is life yet human is washing you why halp oh the horror flee scratch hiss bite. Chase mice. Swat turds around the house hide at bottom of staircase to trip human. Meowing non stop for food howl on top of tall thing. Shake treat bag pee in human's bed until he cleans the litter box missing until dinner time. Have secret plans climb a tree, wait for a fireman jump to fireman then scratch his face bleghbleghvomit my furball really tie the room together. Chase dog then run away purr shake treat bag spit up on light gray carpet instead of adjacent linoleum but dream about hunting birds. Hiss at vacuum cleaner milk the cow lay on arms while you're using the keyboard sleep in the bathroom sink. Stare at ceiling touch water with paw then recoil in horror or refuse to leave cardboard box. Paw at your fat belly plan steps for world domination for going to catch the red dot today going to catch the red dot today slap owner's face at 5am until human fills food dish scratch at the door then walk away for intrigued by the shower, but steal the warm chair right after you get up. Fall asleep on the washing machine destroy couch as revenge scream at teh bath so love to play with owner's hair tie. Howl uncontrollably for no reason rub whiskers on bare skin act innocent. Cats making all the muffins lick butt and make a weird face meow all night having their mate disturbing sleeping humans human give me attention meow intently stare at the same spot. Sleep on dog bed, force dog to sleep on floor spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce for wake up human for food at 4am or pooping rainbow while flying in a toasted bread costume in space sleep on keyboard put toy mouse in food bowl run out of litter box at full speed . Jump off balcony, onto stranger's head lick butt and make a weird face but go into a room to decide you didn't want to be in there anyway so then cats take over the world, pee in human's bed until he cleans the litter box and if it fits, i sits caticus cuteicus. Eats owners hair then claws head lounge in doorway, and hide when guests come over chase ball of string eat owner's food play riveting piece on synthesizer keyboard. Purrr purr littel cat, little cat purr purr spit up on light gray carpet instead of adjacent linoleum kitty loves pigs yet damn that dog meow or walk on car leaving trail of paw prints on hood and windshield. Roll on the floor purring your whiskers off meow all night having their mate disturbing sleeping humans need to chase tail meow hide when guests come over. Soft kitty warm kitty little ball of furr destroy the blinds meow leave hair everywhere attack dog, run away and pretend to be victim. Going to catch the red dot today going to catch the red dot today instantly break out into full speed gallop across the house for no reason meow so hide when guests come over, yet hide at bottom of staircase to trip human toy mouse squeak roll over claws in your leg. Cat slap dog in face lick plastic bags why must they do that.</p>
-    <p>Jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed touch water with paw then recoil in horror then cats take over the world i could pee on this if i had the energy. Lie on your belly and purr when you are asleep toy mouse squeak roll over so stick butt in face you call this cat food? and behind the couch curl up and sleep on the freshly laundered towels yet love to play with owner's hair tie. Knock dish off table head butt cant eat out of my own dish walk on car leaving trail of paw prints on hood and windshield find something else more interesting cats go for world domination, spit up on light gray carpet instead of adjacent linoleum sit in box. Missing until dinner time put toy mouse in food bowl run out of litter box at full speed but poop in the plant pot and nap all day caticus cuteicus. Leave hair everywhere attack feet mrow bleghbleghvomit my furball really tie the room together meowwww eat grass, throw it back up. Hate dog meowzer! find something else more interesting, yet cat snacks, so scratch at the door then walk away chase mice. Chase laser scratch the box plan steps for world domination massacre a bird in the living room and then look like the cutest and most innocent animal on the planet for stare at ceiling light and who's the baby. Stare at ceiling Gate keepers of hell, for licks paws intently sniff hand. Pooping rainbow while flying in a toasted bread costume in space. Gnaw the corn cob. Lick yarn hanging out of own butt stare at ceiling lick butt and make a weird face eat and than sleep on your face. Meow all night having their mate disturbing sleeping humans attack feet, so poop on grasses stare at wall turn and meow stare at wall some more meow again continue staring yet purr. Have my breakfast spaghetti yarn. Cats secretly make all the worlds muffins throwup on your pillow plays league of legends. Lick the plastic bag scratch at the door then walk away. Unwrap toilet paper meow to be let in walk on car leaving trail of paw prints on hood and windshield yet hide from vacuum cleaner or massacre a bird in the living room and then look like the cutest and most innocent animal on the planet. Purr lick the curtain just to be annoying go into a room to decide you didn't want to be in there anyway attack feet, and spit up on light gray carpet instead of adjacent linoleum yet lick plastic bags. Spit up on light gray carpet instead of adjacent linoleum touch water with paw then recoil in horror so cat snacks. Purr. Lick sellotape please stop looking at your phone and pet me yet stick butt in face meow. Groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest of the day - checked! tuxedo cats always looking dapper but purrrrrr. Claws in your leg i could pee on this if i had the energy. Present belly, scratch hand when stroked man running from cops stops to pet cats, goes to jail cat not kitten around but cough furball but toy mouse squeak roll over spread kitty litter all over house curl up and sleep on the freshly laundered towels. Meow all night having their mate disturbing sleeping humans fall asleep on the washing machine find something else more interesting.</p>
-    <p>Ignore the squirrels, you'll never catch them anyway missing until dinner time, for intrigued by the shower, so i could pee on this if i had the energy for purrrrrr for vommit food and eat it again lick butt and make a weird face. Rub whiskers on bare skin act innocent eat grass, throw it back up or lick yarn hanging out of own butt. I am the best cat is love, cat is life, or sleep nap, mew but meoooow!. Meowzer!. Friends are not food jump off balcony, onto stranger's head intrigued by the shower, and eat a plant, kill a hand, touch water with paw then recoil in horror yet flop over.</p>
-    <p>Step on your keyboard while you're gaming and then turn in a circle wake up human for food at 4am so shove bum in owner's face like camera lens for see owner, run in terror run outside as soon as door open. Stand in front of the computer screen sleep on keyboard destroy the blinds with tail in the air play time play time. Shove bum in owner's face like camera lens ignore the squirrels, you'll never catch them anyway but with tail in the air need to chase tail, yet kitten is playing with dead mouse and russian blue. Hopped up on catnip refuse to leave cardboard box you call this cat food? walk on car leaving trail of paw prints on hood and windshield. Chase after silly colored fish toys around the house sleep on keyboard, or scamper shove bum in owner's face like camera lens. Groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest of the day - checked! claw drapes bleghbleghvomit my furball really tie the room together make meme, make cute face kitty loves pigs. Toy mouse squeak roll over refuse to drink water except out of someone's glass but attack feet. Sleep on keyboard. Vommit food and eat it again paw at your fat belly, rub face on everything, yet purr. Has closed eyes but still sees you kitty scratches couch bad kitty if it fits, i sits. Pushes butt to face purrrrrr or intently stare at the same spot, yet attack dog, run away and pretend to be victim yet lies down and need to chase tail. Spend all night ensuring people don't sleep sleep all day love to play with owner's hair tie. I could pee on this if i had the energy lick butt stare out the window. Make meme, make cute face. Chase after silly colored fish toys around the house. Leave fur on owners clothes poop in the plant pot. Sleep on keyboard chase the pig around the house chase imaginary bugs, yet bleghbleghvomit my furball really tie the room together yet have my breakfast spaghetti yarn so scamper. Need to chase tail meow for food, then when human fills food dish, take a few bites of food and continue meowing for pee in the shoe thinking longingly about tuna brine yet purrr purr littel cat, little cat purr purr lie on your belly and purr when you are asleep. Lounge in doorway poop on grasses for lounge in doorway for chew iPad power cord.</p>
+    <p>
+      Cat ipsum dolor <a href='/dog'>sit amet</a>, eat grass, throw it back up
+      but refuse to leave cardboard box or groom yourself 4 hours - checked,
+      have your beauty sleep 18 hours - checked, be fabulous for the rest of the
+      day - checked!. Hide from vacuum cleaner. Chirp at birds chew foot chase
+      the pig around the house and meoooow!. Chase ball of string climb a tree,
+      wait for a fireman jump to fireman then scratch his face claw drapes, for
+      meow to be let in yet attack dog, run away and pretend to be victim meow
+      loudly just to annoy owners. Touch water with paw then recoil in horror
+      hide when guests come over, and tuxedo cats always looking dapper so has
+      closed eyes but still sees you or a nice warm laptop for me to sit on pee
+      in human's bed until he cleans the litter box. Steal the warm chair right
+      after you get up cat not kitten around yet claws in your leg eat all the
+      power cords. Lick sellotape curl into a furry donut immediately regret
+      falling into bathtub or you call this cat food? and fall asleep on the
+      washing machine. Purr for no reason hack up furballs and pelt around the
+      house and up and down stairs chasing phantoms. If it smells like fish eat
+      as much as you wish. Unwrap toilet paper chew iPad power cord white cat
+      sleeps on a black shirt lick the other cats. Lounge in doorway mew. Has
+      closed eyes but still sees you sleep on keyboard, so hunt anything that
+      moves lick sellotape but slap owner's face at 5am until human fills food
+      dish if it smells like fish eat as much as you wish. Meow to be let in
+      find empty spot in cupboard and sleep all day and thug cat sit by the fire
+      burrow under covers always hungry. Swat at dog hide when guests come over
+      purrrrrr chew on cable so mark territory, yet howl on top of tall thing or
+      find something else more interesting. Chase mice kitten is playing with
+      dead mouse. Sit and stare if it fits, i sits. Mark territory damn that dog
+      , but step on your keyboard while you're gaming and then turn in a circle
+      put butt in owner's face human give me attention meow or eat and than
+      sleep on your face. Friends are not food jump around on couch, meow
+      constantly until given food, or walk on car leaving trail of paw prints on
+      hood and windshield, and spread kitty litter all over house, going to
+      catch the red dot today going to catch the red dot today. Jump off
+      balcony, onto stranger's head.
+    </p>
+    <p>
+      Meow to be let out damn that dog howl uncontrollably for no reason caticus
+      cuteicus for play riveting piece on synthesizer keyboard. Meow loudly just
+      to annoy owners the dog smells bad for eat the fat cats food, yet ignore
+      the squirrels, you'll never catch them anyway cat snacks spread kitty
+      litter all over house or hopped up on catnip. Spit up on light gray carpet
+      instead of adjacent linoleum throwup on your pillow, so cat is love, cat
+      is life yet human is washing you why halp oh the horror flee scratch hiss
+      bite. Chase mice. Swat turds around the house hide at bottom of staircase
+      to trip human. Meowing non stop for food howl on top of tall thing. Shake
+      treat bag pee in human's bed until he cleans the litter box missing until
+      dinner time. Have secret plans climb a tree, wait for a fireman jump to
+      fireman then scratch his face bleghbleghvomit my furball really tie the
+      room together. Chase dog then run away purr shake treat bag spit up on
+      light gray carpet instead of adjacent linoleum but dream about hunting
+      birds. Hiss at vacuum cleaner milk the cow lay on arms while you're using
+      the keyboard sleep in the bathroom sink. Stare at ceiling touch water with
+      paw then recoil in horror or refuse to leave cardboard box. Paw at your
+      fat belly plan steps for world domination for going to catch the red dot
+      today going to catch the red dot today slap owner's face at 5am until
+      human fills food dish scratch at the door then walk away for intrigued by
+      the shower, but steal the warm chair right after you get up. Fall asleep
+      on the washing machine destroy couch as revenge scream at teh bath so love
+      to play with owner's hair tie. Howl uncontrollably for no reason rub
+      whiskers on bare skin act innocent. Cats making all the muffins lick butt
+      and make a weird face meow all night having their mate disturbing sleeping
+      humans human give me attention meow intently stare at the same spot. Sleep
+      on dog bed, force dog to sleep on floor spot something, big eyes, big
+      eyes, crouch, shake butt, prepare to pounce for wake up human for food at
+      4am or pooping rainbow while flying in a toasted bread costume in space
+      sleep on keyboard put toy mouse in food bowl run out of litter box at full
+      speed . Jump off balcony, onto stranger's head lick butt and make a weird
+      face but go into a room to decide you didn't want to be in there anyway so
+      then cats take over the world, pee in human's bed until he cleans the
+      litter box and if it fits, i sits caticus cuteicus. Eats owners hair then
+      claws head lounge in doorway, and hide when guests come over chase ball of
+      string eat owner's food play riveting piece on synthesizer keyboard. Purrr
+      purr littel cat, little cat purr purr spit up on light gray carpet instead
+      of adjacent linoleum kitty loves pigs yet damn that dog meow or walk on
+      car leaving trail of paw prints on hood and windshield. Roll on the floor
+      purring your whiskers off meow all night having their mate disturbing
+      sleeping humans need to chase tail meow hide when guests come over. Soft
+      kitty warm kitty little ball of furr destroy the blinds meow leave hair
+      everywhere attack dog, run away and pretend to be victim. Going to catch
+      the red dot today going to catch the red dot today instantly break out
+      into full speed gallop across the house for no reason meow so hide when
+      guests come over, yet hide at bottom of staircase to trip human toy mouse
+      squeak roll over claws in your leg. Cat slap dog in face lick plastic bags
+      why must they do that.
+    </p>
+    <p>
+      Jump launch to pounce upon little yarn mouse, bare fangs at toy run hide
+      in litter box until treats are fed touch water with paw then recoil in
+      horror then cats take over the world i could pee on this if i had the
+      energy. Lie on your belly and purr when you are asleep toy mouse squeak
+      roll over so stick butt in face you call this cat food? and behind the
+      couch curl up and sleep on the freshly laundered towels yet love to play
+      with owner's hair tie. Knock dish off table head butt cant eat out of my
+      own dish walk on car leaving trail of paw prints on hood and windshield
+      find something else more interesting cats go for world domination, spit up
+      on light gray carpet instead of adjacent linoleum sit in box. Missing
+      until dinner time put toy mouse in food bowl run out of litter box at full
+      speed but poop in the plant pot and nap all day caticus cuteicus. Leave
+      hair everywhere attack feet mrow bleghbleghvomit my furball really tie the
+      room together meowwww eat grass, throw it back up. Hate dog meowzer! find
+      something else more interesting, yet cat snacks, so scratch at the door
+      then walk away chase mice. Chase laser scratch the box plan steps for
+      world domination massacre a bird in the living room and then look like the
+      cutest and most innocent animal on the planet for stare at ceiling light
+      and who's the baby. Stare at ceiling Gate keepers of hell, for licks paws
+      intently sniff hand. Pooping rainbow while flying in a toasted bread
+      costume in space. Gnaw the corn cob. Lick yarn hanging out of own butt
+      stare at ceiling lick butt and make a weird face eat and than sleep on
+      your face. Meow all night having their mate disturbing sleeping humans
+      attack feet, so poop on grasses stare at wall turn and meow stare at wall
+      some more meow again continue staring yet purr. Have my breakfast
+      spaghetti yarn. Cats secretly make all the worlds muffins throwup on your
+      pillow plays league of legends. Lick the plastic bag scratch at the door
+      then walk away. Unwrap toilet paper meow to be let in walk on car leaving
+      trail of paw prints on hood and windshield yet hide from vacuum cleaner or
+      massacre a bird in the living room and then look like the cutest and most
+      innocent animal on the planet. Purr lick the curtain just to be annoying
+      go into a room to decide you didn't want to be in there anyway attack
+      feet, and spit up on light gray carpet instead of adjacent linoleum yet
+      lick plastic bags. Spit up on light gray carpet instead of adjacent
+      linoleum touch water with paw then recoil in horror so cat snacks. Purr.
+      Lick sellotape please stop looking at your phone and pet me yet stick butt
+      in face meow. Groom yourself 4 hours - checked, have your beauty sleep 18
+      hours - checked, be fabulous for the rest of the day - checked! tuxedo
+      cats always looking dapper but purrrrrr. Claws in your leg i could pee on
+      this if i had the energy. Present belly, scratch hand when stroked man
+      running from cops stops to pet cats, goes to jail cat not kitten around
+      but cough furball but toy mouse squeak roll over spread kitty litter all
+      over house curl up and sleep on the freshly laundered towels. Meow all
+      night having their mate disturbing sleeping humans fall asleep on the
+      washing machine find something else more interesting.
+    </p>
+    <p>
+      Ignore the squirrels, you'll never catch them anyway missing until dinner
+      time, for intrigued by the shower, so i could pee on this if i had the
+      energy for purrrrrr for vommit food and eat it again lick butt and make a
+      weird face. Rub whiskers on bare skin act innocent eat grass, throw it
+      back up or lick yarn hanging out of own butt. I am the best cat is love,
+      cat is life, or sleep nap, mew but meoooow!. Meowzer!. Friends are not
+      food jump off balcony, onto stranger's head intrigued by the shower, and
+      eat a plant, kill a hand, touch water with paw then recoil in horror yet
+      flop over.
+    </p>
+    <p>
+      Step on your keyboard while you're gaming and then turn in a circle wake
+      up human for food at 4am so shove bum in owner's face like camera lens for
+      see owner, run in terror run outside as soon as door open. Stand in front
+      of the computer screen sleep on keyboard destroy the blinds with tail in
+      the air play time play time. Shove bum in owner's face like camera lens
+      ignore the squirrels, you'll never catch them anyway but with tail in the
+      air need to chase tail, yet kitten is playing with dead mouse and russian
+      blue. Hopped up on catnip refuse to leave cardboard box you call this cat
+      food? walk on car leaving trail of paw prints on hood and windshield.
+      Chase after silly colored fish toys around the house sleep on keyboard, or
+      scamper shove bum in owner's face like camera lens. Groom yourself 4 hours
+      - checked, have your beauty sleep 18 hours - checked, be fabulous for the
+      rest of the day - checked! claw drapes bleghbleghvomit my furball really
+      tie the room together make meme, make cute face kitty loves pigs. Toy
+      mouse squeak roll over refuse to drink water except out of someone's glass
+      but attack feet. Sleep on keyboard. Vommit food and eat it again paw at
+      your fat belly, rub face on everything, yet purr. Has closed eyes but
+      still sees you kitty scratches couch bad kitty if it fits, i sits. Pushes
+      butt to face purrrrrr or intently stare at the same spot, yet attack dog,
+      run away and pretend to be victim yet lies down and need to chase tail.
+      Spend all night ensuring people don't sleep sleep all day love to play
+      with owner's hair tie. I could pee on this if i had the energy lick butt
+      stare out the window. Make meme, make cute face. Chase after silly colored
+      fish toys around the house. Leave fur on owners clothes poop in the plant
+      pot. Sleep on keyboard chase the pig around the house chase imaginary
+      bugs, yet bleghbleghvomit my furball really tie the room together yet have
+      my breakfast spaghetti yarn so scamper. Need to chase tail meow for food,
+      then when human fills food dish, take a few bites of food and continue
+      meowing for pee in the shoe thinking longingly about tuna brine yet purrr
+      purr littel cat, little cat purr purr lie on your belly and purr when you
+      are asleep. Lounge in doorway poop on grasses for lounge in doorway for
+      chew iPad power cord.
+    </p>
   </div>
 )
diff --git a/examples/with-ant-design-less/next.config.js b/examples/with-ant-design-less/next.config.js
index 81ab59c5..c60721e8 100644
--- a/examples/with-ant-design-less/next.config.js
+++ b/examples/with-ant-design-less/next.config.js
@@ -6,21 +6,17 @@ const path = require('path')
 
 // Where your antd-custom.less file lives
 const themeVariables = lessToJS(
-  fs.readFileSync(
-    path.resolve(__dirname, './assets/antd-custom.less'),
-    'utf8'
-  )
+  fs.readFileSync(path.resolve(__dirname, './assets/antd-custom.less'), 'utf8')
 )
 
 // fix: prevents error when .less files are required by node
 if (typeof require !== 'undefined') {
-  require.extensions['.less'] = (file) => {}
+  require.extensions['.less'] = file => {}
 }
 
 module.exports = withLess({
   lessLoaderOptions: {
     javascriptEnabled: true,
     modifyVars: themeVariables // make your antd custom effective
-  },
-
+  }
 })
diff --git a/examples/with-ant-design-less/pages/index.js b/examples/with-ant-design-less/pages/index.js
index 6de24faa..70008df1 100644
--- a/examples/with-ant-design-less/pages/index.js
+++ b/examples/with-ant-design-less/pages/index.js
@@ -1,4 +1,12 @@
-import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button } from 'antd'
+import {
+  Form,
+  Select,
+  InputNumber,
+  DatePicker,
+  Switch,
+  Slider,
+  Button
+} from 'antd'
 
 const FormItem = Form.Item
 const Option = Select.Option
@@ -11,35 +19,37 @@ export default () => (
         labelCol={{ span: 8 }}
         wrapperCol={{ span: 8 }}
       >
-        <InputNumber size='large' min={1} max={10} style={{ width: 100 }} defaultValue={3} name='inputNumber' />
+        <InputNumber
+          size='large'
+          min={1}
+          max={10}
+          style={{ width: 100 }}
+          defaultValue={3}
+          name='inputNumber'
+        />
         <a href='#'>Link</a>
       </FormItem>
 
-      <FormItem
-        label='Switch'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
+      <FormItem label='Switch' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
         <Switch defaultChecked name='switch' />
       </FormItem>
 
-      <FormItem
-        label='Slider'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
+      <FormItem label='Slider' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
         <Slider defaultValue={70} />
       </FormItem>
 
-      <FormItem
-        label='Select'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
-        <Select size='large' defaultValue='lucy' style={{ width: 192 }} name='select'>
+      <FormItem label='Select' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
+        <Select
+          size='large'
+          defaultValue='lucy'
+          style={{ width: 192 }}
+          name='select'
+        >
           <Option value='jack'>jack</Option>
           <Option value='lucy'>lucy</Option>
-          <Option value='disabled' disabled>disabled</Option>
+          <Option value='disabled' disabled>
+            disabled
+          </Option>
           <Option value='yiminghe'>yiminghe</Option>
         </Select>
       </FormItem>
@@ -51,15 +61,12 @@ export default () => (
       >
         <DatePicker name='startDate' />
       </FormItem>
-      <FormItem
-        style={{ marginTop: 48 }}
-        wrapperCol={{ span: 8, offset: 8 }}
-      >
+      <FormItem style={{ marginTop: 48 }} wrapperCol={{ span: 8, offset: 8 }}>
         <Button size='large' type='primary' htmlType='submit'>
-        OK
+          OK
         </Button>
         <Button size='large' style={{ marginLeft: 8 }}>
-        Cancel
+          Cancel
         </Button>
       </FormItem>
     </Form>
diff --git a/examples/with-ant-design/next.config.js b/examples/with-ant-design/next.config.js
index 19948b9c..e728a0ee 100644
--- a/examples/with-ant-design/next.config.js
+++ b/examples/with-ant-design/next.config.js
@@ -3,7 +3,7 @@ const withCss = require('@zeit/next-css')
 
 // fix: prevents error when .css files are required by node
 if (typeof require !== 'undefined') {
-  require.extensions['.css'] = (file) => {}
+  require.extensions['.css'] = file => {}
 }
 
 module.exports = withCss()
diff --git a/examples/with-ant-design/pages/index.js b/examples/with-ant-design/pages/index.js
index 6de24faa..70008df1 100644
--- a/examples/with-ant-design/pages/index.js
+++ b/examples/with-ant-design/pages/index.js
@@ -1,4 +1,12 @@
-import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button } from 'antd'
+import {
+  Form,
+  Select,
+  InputNumber,
+  DatePicker,
+  Switch,
+  Slider,
+  Button
+} from 'antd'
 
 const FormItem = Form.Item
 const Option = Select.Option
@@ -11,35 +19,37 @@ export default () => (
         labelCol={{ span: 8 }}
         wrapperCol={{ span: 8 }}
       >
-        <InputNumber size='large' min={1} max={10} style={{ width: 100 }} defaultValue={3} name='inputNumber' />
+        <InputNumber
+          size='large'
+          min={1}
+          max={10}
+          style={{ width: 100 }}
+          defaultValue={3}
+          name='inputNumber'
+        />
         <a href='#'>Link</a>
       </FormItem>
 
-      <FormItem
-        label='Switch'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
+      <FormItem label='Switch' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
         <Switch defaultChecked name='switch' />
       </FormItem>
 
-      <FormItem
-        label='Slider'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
+      <FormItem label='Slider' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
         <Slider defaultValue={70} />
       </FormItem>
 
-      <FormItem
-        label='Select'
-        labelCol={{ span: 8 }}
-        wrapperCol={{ span: 8 }}
-      >
-        <Select size='large' defaultValue='lucy' style={{ width: 192 }} name='select'>
+      <FormItem label='Select' labelCol={{ span: 8 }} wrapperCol={{ span: 8 }}>
+        <Select
+          size='large'
+          defaultValue='lucy'
+          style={{ width: 192 }}
+          name='select'
+        >
           <Option value='jack'>jack</Option>
           <Option value='lucy'>lucy</Option>
-          <Option value='disabled' disabled>disabled</Option>
+          <Option value='disabled' disabled>
+            disabled
+          </Option>
           <Option value='yiminghe'>yiminghe</Option>
         </Select>
       </FormItem>
@@ -51,15 +61,12 @@ export default () => (
       >
         <DatePicker name='startDate' />
       </FormItem>
-      <FormItem
-        style={{ marginTop: 48 }}
-        wrapperCol={{ span: 8, offset: 8 }}
-      >
+      <FormItem style={{ marginTop: 48 }} wrapperCol={{ span: 8, offset: 8 }}>
         <Button size='large' type='primary' htmlType='submit'>
-        OK
+          OK
         </Button>
         <Button size='large' style={{ marginLeft: 8 }}>
-        Cancel
+          Cancel
         </Button>
       </FormItem>
     </Form>
diff --git a/examples/with-antd-mobile/components/Layout.js b/examples/with-antd-mobile/components/Layout.js
index 9c1d8d26..a4025b8a 100644
--- a/examples/with-antd-mobile/components/Layout.js
+++ b/examples/with-antd-mobile/components/Layout.js
@@ -26,8 +26,6 @@ export default withRouter(({ router, children, title }) => (
         position: relative;
       }
     `}</style>
-    <WingBlank>
-      {children}
-    </WingBlank>
+    <WingBlank>{children}</WingBlank>
   </div>
 ))
diff --git a/examples/with-antd-mobile/next.config.js b/examples/with-antd-mobile/next.config.js
index 960569c8..38f7b959 100644
--- a/examples/with-antd-mobile/next.config.js
+++ b/examples/with-antd-mobile/next.config.js
@@ -3,7 +3,7 @@ const withCSS = require('@zeit/next-css')
 // fix: prevents error when .css files are required by node
 if (typeof require !== 'undefined') {
   // eslint-disable-next-line
-  require.extensions['.css'] = (file) => {}
+  require.extensions['.css'] = file => {}
 }
 
 module.exports = withCSS()
diff --git a/examples/with-antd-mobile/pages/_app.js b/examples/with-antd-mobile/pages/_app.js
index 73befab6..7034c0f2 100644
--- a/examples/with-antd-mobile/pages/_app.js
+++ b/examples/with-antd-mobile/pages/_app.js
@@ -8,11 +8,15 @@ export default class CustomApp extends App {
     return (
       <Container>
         <Head>
-          <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no' />
+          <meta
+            name='viewport'
+            content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'
+          />
           <style global jsx>{`
             html,
             body {
-              font-family: "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", Arial;
+              font-family: 'Helvetica Neue', 'Hiragino Sans GB', Helvetica,
+                'Microsoft YaHei', Arial;
               margin: 0;
             }
           `}</style>
diff --git a/examples/with-aphrodite/pages/_document.js b/examples/with-aphrodite/pages/_document.js
index b6a09233..7fed3d27 100644
--- a/examples/with-aphrodite/pages/_document.js
+++ b/examples/with-aphrodite/pages/_document.js
@@ -27,7 +27,10 @@ export default class MyDocument extends Document {
     return (
       <html>
         <Head>
-          <style data-aphrodite dangerouslySetInnerHTML={{ __html: this.props.css.content }} />
+          <style
+            data-aphrodite
+            dangerouslySetInnerHTML={{ __html: this.props.css.content }}
+          />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-apollo-and-redux-saga/components/App.js b/examples/with-apollo-and-redux-saga/components/App.js
index b959c83d..5fe88ccf 100644
--- a/examples/with-apollo-and-redux-saga/components/App.js
+++ b/examples/with-apollo-and-redux-saga/components/App.js
@@ -3,14 +3,16 @@ export default ({ children }) => (
     {children}
     <style jsx global>{`
       * {
-        font-family: Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
+        font-family: Menlo, Monaco, 'Lucida Console', 'Liberation Mono',
+          'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New',
+          monospace, serif;
       }
       body {
         margin: 0;
         padding: 25px 50px;
       }
       a {
-        color: #22BAD9;
+        color: #22bad9;
       }
       p {
         font-size: 14px;
@@ -26,15 +28,15 @@ export default ({ children }) => (
       }
       button {
         align-items: center;
-        background-color: #22BAD9;
+        background-color: #22bad9;
         border: 0;
         color: white;
         display: flex;
         padding: 5px 7px;
       }
       button:active {
-        background-color: #1B9DB7;
-        transition: background-color .3s
+        background-color: #1b9db7;
+        transition: background-color 0.3s;
       }
       button:focus {
         outline: none;
diff --git a/examples/with-apollo-and-redux-saga/components/ErrorMessage.js b/examples/with-apollo-and-redux-saga/components/ErrorMessage.js
index c4a800c7..8497a5d2 100644
--- a/examples/with-apollo-and-redux-saga/components/ErrorMessage.js
+++ b/examples/with-apollo-and-redux-saga/components/ErrorMessage.js
@@ -1,4 +1,4 @@
-export default ({message}) => (
+export default ({ message }) => (
   <aside>
     {message}
     <style jsx>{`
diff --git a/examples/with-apollo-and-redux-saga/components/PageCount.js b/examples/with-apollo-and-redux-saga/components/PageCount.js
index a70b3817..b0f95687 100644
--- a/examples/with-apollo-and-redux-saga/components/PageCount.js
+++ b/examples/with-apollo-and-redux-saga/components/PageCount.js
@@ -12,7 +12,7 @@ class PageCount extends Component {
     this.props.dispatch(countDecrease())
   }
 
-  render () {
+  render() {
     const { count } = this.props
     return (
       <div>
diff --git a/examples/with-apollo-and-redux-saga/components/Placeholder.js b/examples/with-apollo-and-redux-saga/components/Placeholder.js
index 3820e967..59d6d7b1 100644
--- a/examples/with-apollo-and-redux-saga/components/Placeholder.js
+++ b/examples/with-apollo-and-redux-saga/components/Placeholder.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-export default ({placeholder}) => (
+export default ({ placeholder }) => (
   <React.Fragment>
     <h2>JSON:</h2>
     {placeholder.data && (
diff --git a/examples/with-apollo-and-redux-saga/components/Post.js b/examples/with-apollo-and-redux-saga/components/Post.js
index dc892ae9..8944b9df 100644
--- a/examples/with-apollo-and-redux-saga/components/Post.js
+++ b/examples/with-apollo-and-redux-saga/components/Post.js
@@ -14,7 +14,11 @@ function Post ({ id, data: { error, Post } }) {
       <section>
         <div key={Post.id}>
           <h1>{Post.title}</h1>
-          <p>ID: {Post.id}<br />URL: {Post.url}</p>
+          <p>
+            ID: {Post.id}
+            <br />
+            URL: {Post.url}
+          </p>
           <span>
             <PostVoteUp id={Post.id} votes={Post.votes} />
             <PostVoteCount votes={Post.votes} />
diff --git a/examples/with-apollo-and-redux-saga/components/PostList.js b/examples/with-apollo-and-redux-saga/components/PostList.js
index b46340a9..1a16b464 100644
--- a/examples/with-apollo-and-redux-saga/components/PostList.js
+++ b/examples/with-apollo-and-redux-saga/components/PostList.js
@@ -32,7 +32,7 @@ function PostList ({
                 <span>{index + 1}. </span>
                 <a
                   href={`/blog/${post.id}`}
-                  onClick={(event) => handleClick(event, post.id)}
+                  onClick={event => handleClick(event, post.id)}
                 >
                   {post.title}
                 </a>
diff --git a/examples/with-apollo-and-redux-saga/components/PostVoteButton.js b/examples/with-apollo-and-redux-saga/components/PostVoteButton.js
index 1ec82b4a..0ca0d482 100644
--- a/examples/with-apollo-and-redux-saga/components/PostVoteButton.js
+++ b/examples/with-apollo-and-redux-saga/components/PostVoteButton.js
@@ -1,4 +1,4 @@
-export default ({id, votes, onClickHandler, className}) => (
+export default ({ id, votes, onClickHandler, className }) => (
   <button className={className} onClick={() => onClickHandler()}>
     <style jsx>{`
       button {
diff --git a/examples/with-apollo-and-redux-saga/components/PostVoteCount.js b/examples/with-apollo-and-redux-saga/components/PostVoteCount.js
index 53fb1285..5146a294 100644
--- a/examples/with-apollo-and-redux-saga/components/PostVoteCount.js
+++ b/examples/with-apollo-and-redux-saga/components/PostVoteCount.js
@@ -1,4 +1,4 @@
-export default ({votes}) => (
+export default ({ votes }) => (
   <span>
     {votes}
     <style jsx>{`
diff --git a/examples/with-apollo-and-redux-saga/lib/withApollo.js b/examples/with-apollo-and-redux-saga/lib/withApollo.js
index 3213d811..10399e3b 100644
--- a/examples/with-apollo-and-redux-saga/lib/withApollo.js
+++ b/examples/with-apollo-and-redux-saga/lib/withApollo.js
@@ -64,10 +64,9 @@ export default ComposedComponent => {
         const state = {}
 
         // Extract query data from the Apollo store
-        serverState = Object.assign(
-          state,
-          { apollo: { data: apollo.cache.extract() } }
-        )
+        serverState = Object.assign(state, {
+          apollo: { data: apollo.cache.extract() }
+        })
       }
 
       return {
diff --git a/examples/with-apollo-and-redux-saga/pages/about.js b/examples/with-apollo-and-redux-saga/pages/about.js
index e439e8b5..e23c4c56 100644
--- a/examples/with-apollo-and-redux-saga/pages/about.js
+++ b/examples/with-apollo-and-redux-saga/pages/about.js
@@ -7,16 +7,36 @@ export default () => (
     <article>
       <h1>The Idea Behind This Example</h1>
       <p>
-        <a href='https://www.apollographql.com/client/'>Apollo</a> is a GraphQL client that allows you to easily query the exact data you need from a GraphQL server. In addition to fetching and mutating data, Apollo analyzes your queries and their results to construct a client-side cache of your data, which is kept up to date as further queries and mutations are run, fetching more results from the server.
+        <a href='https://www.apollographql.com/client/'>Apollo</a> is a GraphQL
+        client that allows you to easily query the exact data you need from a
+        GraphQL server. In addition to fetching and mutating data, Apollo
+        analyzes your queries and their results to construct a client-side cache
+        of your data, which is kept up to date as further queries and mutations
+        are run, fetching more results from the server.
       </p>
       <p>
-        In this simple example, we integrate Apollo seamlessly with <a href='https://github.com/zeit/next.js'>Next</a> by wrapping our pages inside a <a href='https://facebook.github.io/react/docs/higher-order-components.html'>higher-order component (HOC)</a>. Using the HOC pattern we're able to pass down a central store of query result data created by Apollo into our React component hierarchy defined inside each page of our Next application.
+        In this simple example, we integrate Apollo seamlessly with{' '}
+        <a href='https://github.com/zeit/next.js'>Next</a> by wrapping our pages
+        inside a{' '}
+        <a href='https://facebook.github.io/react/docs/higher-order-components.html'>
+          higher-order component (HOC)
+        </a>
+        . Using the HOC pattern we're able to pass down a central store of query
+        result data created by Apollo into our React component hierarchy defined
+        inside each page of our Next application.
       </p>
       <p>
-        On initial page load, while on the server and inside getInitialProps, we invoke the Apollo method, <a href='https://www.apollographql.com/docs/react/features/server-side-rendering.html#getDataFromTree'>getDataFromTree</a>. This method returns a promise; at the point in which the promise resolves, our Apollo Client store is completely initialized.
+        On initial page load, while on the server and inside getInitialProps, we
+        invoke the Apollo method,{' '}
+        <a href='https://www.apollographql.com/docs/react/features/server-side-rendering.html#getDataFromTree'>
+          getDataFromTree
+        </a>
+        . This method returns a promise; at the point in which the promise
+        resolves, our Apollo Client store is completely initialized.
       </p>
       <p>
-        This example relies on <a href='http://graph.cool'>graph.cool</a> for its GraphQL backend.
+        This example relies on <a href='http://graph.cool'>graph.cool</a> for
+        its GraphQL backend.
       </p>
     </article>
   </App>
diff --git a/examples/with-apollo-and-redux-saga/pages/blog/index.js b/examples/with-apollo-and-redux-saga/pages/blog/index.js
index 9f8d01c5..624a5304 100644
--- a/examples/with-apollo-and-redux-saga/pages/blog/index.js
+++ b/examples/with-apollo-and-redux-saga/pages/blog/index.js
@@ -26,6 +26,4 @@ class BlogIndex extends React.Component {
   }
 }
 
-export default withReduxSaga(
-  withApollo(BlogIndex)
-)
+export default withReduxSaga(withApollo(BlogIndex))
diff --git a/examples/with-apollo-and-redux-saga/routes.js b/examples/with-apollo-and-redux-saga/routes.js
index 80006cf8..8c705c3d 100644
--- a/examples/with-apollo-and-redux-saga/routes.js
+++ b/examples/with-apollo-and-redux-saga/routes.js
@@ -2,7 +2,7 @@
  * Parameterized Routing with next-route
  *
  * Benefits: Less code, and easily handles complex url structures
-**/
+ **/
 const routes = (module.exports = require('next-routes')())
 
 routes.add('blog/entry', '/blog/:id')
diff --git a/examples/with-apollo-and-redux-saga/server.js b/examples/with-apollo-and-redux-saga/server.js
index e977177b..b1053d63 100644
--- a/examples/with-apollo-and-redux-saga/server.js
+++ b/examples/with-apollo-and-redux-saga/server.js
@@ -13,19 +13,18 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-const {createServer} = require('http')
+const { createServer } = require('http')
 const next = require('next')
 
 const port = parseInt(process.env.PORT, 10) || 3000
 const dev = process.env.NODE_ENV !== 'production'
-const app = next({dev})
+const app = next({ dev })
 const routes = require('./routes')
 
 const handler = routes.getRequestHandler(app)
 app.prepare().then(() => {
-  createServer(handler)
-    .listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  createServer(handler).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
 })
diff --git a/examples/with-apollo-and-redux/components/AddCount.js b/examples/with-apollo-and-redux/components/AddCount.js
index e7a9371f..7211a7a5 100644
--- a/examples/with-apollo-and-redux/components/AddCount.js
+++ b/examples/with-apollo-and-redux/components/AddCount.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { addCount } from '../lib/store'
@@ -12,7 +12,9 @@ class AddCount extends Component {
     const { count } = this.props
     return (
       <div>
-        <h1>AddCount: <span>{count}</span></h1>
+        <h1>
+          AddCount: <span>{count}</span>
+        </h1>
         <button onClick={this.add}>Add To Count</button>
         <style jsx>{`
           h1 {
@@ -29,10 +31,13 @@ class AddCount extends Component {
 
 const mapStateToProps = ({ count }) => ({ count })
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch)
   }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(AddCount)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(AddCount)
diff --git a/examples/with-apollo-and-redux/components/Clock.js b/examples/with-apollo-and-redux/components/Clock.js
index eaaa3c75..a7ef23cb 100644
--- a/examples/with-apollo-and-redux/components/Clock.js
+++ b/examples/with-apollo-and-redux/components/Clock.js
@@ -6,7 +6,7 @@ export default ({ lastUpdate, light }) => {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
@@ -18,6 +18,7 @@ export default ({ lastUpdate, light }) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-apollo-and-redux/lib/store.js b/examples/with-apollo-and-redux/lib/store.js
index 8291b0f4..9e131341 100644
--- a/examples/with-apollo-and-redux/lib/store.js
+++ b/examples/with-apollo-and-redux/lib/store.js
@@ -17,22 +17,29 @@ export const actionTypes = {
 export const reducer = (state = exampleInitialState, action) => {
   switch (action.type) {
     case actionTypes.TICK:
-      return Object.assign({}, state, { lastUpdate: action.ts, light: !!action.light })
+      return Object.assign({}, state, {
+        lastUpdate: action.ts,
+        light: !!action.light
+      })
     case actionTypes.ADD:
       return Object.assign({}, state, {
         count: state.count + 1
       })
-    default: return state
+    default:
+      return state
   }
 }
 
 // ACTIONS
-export const serverRenderClock = (isServer) => dispatch => {
+export const serverRenderClock = isServer => dispatch => {
   return dispatch({ type: actionTypes.TICK, light: !isServer, ts: Date.now() })
 }
 
 export const startClock = () => dispatch => {
-  return setInterval(() => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }), 800)
+  return setInterval(
+    () => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }),
+    800
+  )
 }
 
 export const addCount = () => dispatch => {
@@ -40,5 +47,9 @@ export const addCount = () => dispatch => {
 }
 
 export const initStore = (initialState = exampleInitialState) => {
-  return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
+  return createStore(
+    reducer,
+    initialState,
+    composeWithDevTools(applyMiddleware(thunkMiddleware))
+  )
 }
diff --git a/examples/with-apollo-and-redux/pages/index.js b/examples/with-apollo-and-redux/pages/index.js
index 9c50b02e..2fdb7dab 100644
--- a/examples/with-apollo-and-redux/pages/index.js
+++ b/examples/with-apollo-and-redux/pages/index.js
@@ -50,6 +50,4 @@ const mapDispatchToProps = dispatch => {
   }
 }
 
-export default withApollo(
-  withRedux(initStore, null, mapDispatchToProps)(Index)
-)
+export default withApollo(withRedux(initStore, null, mapDispatchToProps)(Index))
diff --git a/examples/with-apollo-auth/components/RegisterBox.js b/examples/with-apollo-auth/components/RegisterBox.js
index 8dd7b423..d8f0a8ae 100644
--- a/examples/with-apollo-auth/components/RegisterBox.js
+++ b/examples/with-apollo-auth/components/RegisterBox.js
@@ -4,57 +4,87 @@ import cookie from 'cookie'
 import redirect from '../lib/redirect'
 
 const CREATE_USER = gql`
-    mutation Create($name: String!, $email: String!, $password: String!) {
-        createUser(name: $name, authProvider: { email: { email: $email, password: $password }}) {
-            id
-        }
-        signinUser(email: { email: $email, password: $password }) {
-            token
+  mutation Create($name: String!, $email: String!, $password: String!) {
+    createUser(
+      name: $name
+      authProvider: { email: { email: $email, password: $password } }
+    ) {
+      id
     }
-}
+    signinUser(email: { email: $email, password: $password }) {
+      token
+    }
+  }
 `
 
 const RegisterBox = ({ client }) => {
   let name, email, password
 
   return (
-    <Mutation mutation={CREATE_USER} onCompleted={(data) => {
-      // Store the token in cookie
-      document.cookie = cookie.serialize('token', data.signinUser.token, {
-        maxAge: 30 * 24 * 60 * 60 // 30 days
-      })
-      // Force a reload of all the current queries now that the user is
-      // logged in
-      client.cache.reset().then(() => {
-        redirect({}, '/')
-      })
-    }} onError={(error) => {
-      // If you want to send error to external service?
-      console.log(error)
-    }}>
+    <Mutation
+      mutation={CREATE_USER}
+      onCompleted={data => {
+        // Store the token in cookie
+        document.cookie = cookie.serialize('token', data.signinUser.token, {
+          maxAge: 30 * 24 * 60 * 60 // 30 days
+        })
+        // Force a reload of all the current queries now that the user is
+        // logged in
+        client.cache.reset().then(() => {
+          redirect({}, '/')
+        })
+      }}
+      onError={error => {
+        // If you want to send error to external service?
+        console.log(error)
+      }}
+    >
       {(create, { data, error }) => (
-        <form onSubmit={e => {
-          e.preventDefault()
-          e.stopPropagation()
+        <form
+          onSubmit={e => {
+            e.preventDefault()
+            e.stopPropagation()
 
-          create({
-            variables: {
-              name: name.value,
-              email: email.value,
-              password: password.value
-            }
-          })
+            create({
+              variables: {
+                name: name.value,
+                email: email.value,
+                password: password.value
+              }
+            })
 
-          name.value = email.value = password.value = ''
-        }}>
+            name.value = email.value = password.value = ''
+          }}
+        >
           {error && <p>Issue occurred while registering :(</p>}
-          <input name='name' placeholder='Name' ref={node => { name = node }} /><br />
-          <input name='email' placeholder='Email' ref={node => { email = node }} /><br />
-          <input name='password' placeholder='Password' ref={node => { password = node }} type='password' /><br />
+          <input
+            name='name'
+            placeholder='Name'
+            ref={node => {
+              name = node
+            }}
+          />
+          <br />
+          <input
+            name='email'
+            placeholder='Email'
+            ref={node => {
+              email = node
+            }}
+          />
+          <br />
+          <input
+            name='password'
+            placeholder='Password'
+            ref={node => {
+              password = node
+            }}
+            type='password'
+          />
+          <br />
           <button>Register</button>
         </form>
       )}
-
     </Mutation>
   )
 }
diff --git a/examples/with-apollo-auth/components/SigninBox.js b/examples/with-apollo-auth/components/SigninBox.js
index 3d4c7cd5..994a5009 100644
--- a/examples/with-apollo-auth/components/SigninBox.js
+++ b/examples/with-apollo-auth/components/SigninBox.js
@@ -4,11 +4,11 @@ import cookie from 'cookie'
 import redirect from '../lib/redirect'
 
 const SIGN_IN = gql`
-    mutation Signin($email: String!, $password: String!) {
-        signinUser(email: { email: $email, password: $password}) {
-            token
-        }
+  mutation Signin($email: String!, $password: String!) {
+    signinUser(email: { email: $email, password: $password }) {
+      token
     }
+  }
 `
 
 // TODO: Find a better name for component.
@@ -16,37 +16,58 @@ const SigninBox = ({ client }) => {
   let email, password
 
   return (
-    <Mutation mutation={SIGN_IN} onCompleted={(data) => {
-      // Store the token in cookie
-      document.cookie = cookie.serialize('token', data.signinUser.token, {
-        maxAge: 30 * 24 * 60 * 60 // 30 days
-      })
-      // Force a reload of all the current queries now that the user is
-      // logged in
-      client.cache.reset().then(() => {
-        redirect({}, '/')
-      })
-    }} onError={(error) => {
-      // If you want to send error to external service?
-      console.log(error)
-    }}>
+    <Mutation
+      mutation={SIGN_IN}
+      onCompleted={data => {
+        // Store the token in cookie
+        document.cookie = cookie.serialize('token', data.signinUser.token, {
+          maxAge: 30 * 24 * 60 * 60 // 30 days
+        })
+        // Force a reload of all the current queries now that the user is
+        // logged in
+        client.cache.reset().then(() => {
+          redirect({}, '/')
+        })
+      }}
+      onError={error => {
+        // If you want to send error to external service?
+        console.log(error)
+      }}
+    >
       {(signinUser, { data, error }) => (
-        <form onSubmit={e => {
-          e.preventDefault()
-          e.stopPropagation()
+        <form
+          onSubmit={e => {
+            e.preventDefault()
+            e.stopPropagation()
 
-          signinUser({
-            variables: {
-              email: email.value,
-              password: password.value
-            }
-          })
+            signinUser({
+              variables: {
+                email: email.value,
+                password: password.value
+              }
+            })
 
-          email.value = password.value = ''
-        }}>
+            email.value = password.value = ''
+          }}
+        >
           {error && <p>No user found with that information.</p>}
-          <input name='email' placeholder='Email' ref={node => { email = node }} /><br />
-          <input name='password' placeholder='Password' ref={node => { password = node }} type='password' /><br />
+          <input
+            name='email'
+            placeholder='Email'
+            ref={node => {
+              email = node
+            }}
+          />
+          <br />
+          <input
+            name='password'
+            placeholder='Password'
+            ref={node => {
+              password = node
+            }}
+            type='password'
+          />
+          <br />
           <button>Sign in</button>
         </form>
       )}
diff --git a/examples/with-apollo-auth/lib/checkLoggedIn.js b/examples/with-apollo-auth/lib/checkLoggedIn.js
index 29f198ba..7842dc11 100644
--- a/examples/with-apollo-auth/lib/checkLoggedIn.js
+++ b/examples/with-apollo-auth/lib/checkLoggedIn.js
@@ -1,19 +1,21 @@
 import gql from 'graphql-tag'
 
-export default apolloClient => (
-  apolloClient.query({
-    query: gql`
-      query getUser {
-        user {
-          id
-          name
+export default apolloClient =>
+  apolloClient
+    .query({
+      query: gql`
+        query getUser {
+          user {
+            id
+            name
+          }
         }
-      }
-    `
-  }).then(({ data }) => {
-    return { loggedInUser: data }
-  }).catch(() => {
-    // Fail gracefully
-    return { loggedInUser: {} }
-  })
-)
+      `
+    })
+    .then(({ data }) => {
+      return { loggedInUser: data }
+    })
+    .catch(() => {
+      // Fail gracefully
+      return { loggedInUser: {} }
+    })
diff --git a/examples/with-apollo-auth/lib/withApollo.js b/examples/with-apollo-auth/lib/withApollo.js
index 49d27286..91c9ff20 100644
--- a/examples/with-apollo-auth/lib/withApollo.js
+++ b/examples/with-apollo-auth/lib/withApollo.js
@@ -7,10 +7,7 @@ import Head from 'next/head'
 import initApollo from './initApollo'
 
 function parseCookies (req, options = {}) {
-  return cookie.parse(
-    req ? req.headers.cookie || '' : document.cookie,
-    options
-  )
+  return cookie.parse(req ? req.headers.cookie || '' : document.cookie, options)
 }
 
 export default App => {
@@ -21,10 +18,17 @@ export default App => {
     }
 
     static async getInitialProps (ctx) {
-      const { Component, router, ctx: { req, res } } = ctx
-      const apollo = initApollo({}, {
-        getToken: () => parseCookies(req).token
-      })
+      const {
+        Component,
+        router,
+        ctx: { req, res }
+      } = ctx
+      const apollo = initApollo(
+        {},
+        {
+          getToken: () => parseCookies(req).token
+        }
+      )
 
       ctx.ctx.apolloClient = apollo
 
diff --git a/examples/with-apollo-auth/pages/_app.js b/examples/with-apollo-auth/pages/_app.js
index bf3894cc..9c8a3eb8 100644
--- a/examples/with-apollo-auth/pages/_app.js
+++ b/examples/with-apollo-auth/pages/_app.js
@@ -6,11 +6,13 @@ import withApollo from '../lib/withApollo'
 class MyApp extends App {
   render () {
     const { Component, pageProps, apolloClient } = this.props
-    return <Container>
-      <ApolloProvider client={apolloClient}>
-        <Component {...pageProps} />
-      </ApolloProvider>
-    </Container>
+    return (
+      <Container>
+        <ApolloProvider client={apolloClient}>
+          <Component {...pageProps} />
+        </ApolloProvider>
+      </Container>
+    )
   }
 }
 
diff --git a/examples/with-apollo-auth/pages/create-account.js b/examples/with-apollo-auth/pages/create-account.js
index a37f6b18..f0335daa 100644
--- a/examples/with-apollo-auth/pages/create-account.js
+++ b/examples/with-apollo-auth/pages/create-account.js
@@ -25,8 +25,11 @@ export default class CreateAccount extends React.Component {
         {/* RegisterBox handles all register logic. */}
         <RegisterBox />
         <hr />
-        Already have an account? <Link prefetch href='/signin'><a>Sign in</a></Link>
+        Already have an account?{' '}
+        <Link prefetch href='/signin'>
+          <a>Sign in</a>
+        </Link>
       </React.Fragment>
     )
   }
-};
+}
diff --git a/examples/with-apollo-auth/pages/index.js b/examples/with-apollo-auth/pages/index.js
index 6b979f76..705f9ccf 100644
--- a/examples/with-apollo-auth/pages/index.js
+++ b/examples/with-apollo-auth/pages/index.js
@@ -42,4 +42,4 @@ export default class Index extends React.Component {
       </ApolloConsumer>
     )
   }
-};
+}
diff --git a/examples/with-apollo-auth/pages/signin.js b/examples/with-apollo-auth/pages/signin.js
index 01c78ccc..a7ebc56c 100644
--- a/examples/with-apollo-auth/pages/signin.js
+++ b/examples/with-apollo-auth/pages/signin.js
@@ -25,8 +25,11 @@ export default class Signin extends React.Component {
         {/* SigninBox handles all login logic. */}
         <SigninBox />
         <hr />
-        New? <Link prefetch href='/create-account'><a>Create account</a></Link>
+        New?{' '}
+        <Link prefetch href='/create-account'>
+          <a>Create account</a>
+        </Link>
       </React.Fragment>
     )
   }
-};
+}
diff --git a/examples/with-apollo/lib/with-apollo-client.js b/examples/with-apollo/lib/with-apollo-client.js
index 7e7364ea..94b618ad 100644
--- a/examples/with-apollo/lib/with-apollo-client.js
+++ b/examples/with-apollo/lib/with-apollo-client.js
@@ -3,7 +3,7 @@ import initApollo from './init-apollo'
 import Head from 'next/head'
 import { getDataFromTree } from 'react-apollo'
 
-export default (App) => {
+export default App => {
   return class Apollo extends React.Component {
     static displayName = 'withApollo(App)'
     static async getInitialProps (ctx) {
diff --git a/examples/with-apollo/pages/_app.js b/examples/with-apollo/pages/_app.js
index 414189c0..939582cd 100644
--- a/examples/with-apollo/pages/_app.js
+++ b/examples/with-apollo/pages/_app.js
@@ -1,16 +1,18 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import withApolloClient from '../lib/with-apollo-client'
 import { ApolloProvider } from 'react-apollo'
 
 class MyApp extends App {
   render () {
-    const {Component, pageProps, apolloClient} = this.props
-    return <Container>
-      <ApolloProvider client={apolloClient}>
-        <Component {...pageProps} />
-      </ApolloProvider>
-    </Container>
+    const { Component, pageProps, apolloClient } = this.props
+    return (
+      <Container>
+        <ApolloProvider client={apolloClient}>
+          <Component {...pageProps} />
+        </ApolloProvider>
+      </Container>
+    )
   }
 }
 
diff --git a/examples/with-apollo/pages/about.js b/examples/with-apollo/pages/about.js
index 0f18d61e..e23c4c56 100644
--- a/examples/with-apollo/pages/about.js
+++ b/examples/with-apollo/pages/about.js
@@ -7,12 +7,12 @@ export default () => (
     <article>
       <h1>The Idea Behind This Example</h1>
       <p>
-        <a href='https://www.apollographql.com/client/'>Apollo</a> is a GraphQL client that
-        allows you to easily query the exact data you need from a GraphQL
-        server. In addition to fetching and mutating data, Apollo analyzes your
-        queries and their results to construct a client-side cache of your data,
-        which is kept up to date as further queries and mutations are run,
-        fetching more results from the server.
+        <a href='https://www.apollographql.com/client/'>Apollo</a> is a GraphQL
+        client that allows you to easily query the exact data you need from a
+        GraphQL server. In addition to fetching and mutating data, Apollo
+        analyzes your queries and their results to construct a client-side cache
+        of your data, which is kept up to date as further queries and mutations
+        are run, fetching more results from the server.
       </p>
       <p>
         In this simple example, we integrate Apollo seamlessly with{' '}
@@ -20,16 +20,18 @@ export default () => (
         inside a{' '}
         <a href='https://facebook.github.io/react/docs/higher-order-components.html'>
           higher-order component (HOC)
-        </a>. Using the HOC pattern we're able to pass down a central store of
-        query result data created by Apollo into our React component hierarchy
-        defined inside each page of our Next application.
+        </a>
+        . Using the HOC pattern we're able to pass down a central store of query
+        result data created by Apollo into our React component hierarchy defined
+        inside each page of our Next application.
       </p>
       <p>
         On initial page load, while on the server and inside getInitialProps, we
         invoke the Apollo method,{' '}
         <a href='https://www.apollographql.com/docs/react/features/server-side-rendering.html#getDataFromTree'>
           getDataFromTree
-        </a>. This method returns a promise; at the point in which the promise
+        </a>
+        . This method returns a promise; at the point in which the promise
         resolves, our Apollo Client store is completely initialized.
       </p>
       <p>
diff --git a/examples/with-app-layout/pages/_app.js b/examples/with-app-layout/pages/_app.js
index 68dbb5af..eb4ec474 100644
--- a/examples/with-app-layout/pages/_app.js
+++ b/examples/with-app-layout/pages/_app.js
@@ -1,22 +1,22 @@
 import React from 'react'
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 
 class Layout extends React.Component {
   render () {
-    const {children} = this.props
-    return <div className='layout'>
-      {children}
-    </div>
+    const { children } = this.props
+    return <div className='layout'>{children}</div>
   }
 }
 
 export default class MyApp extends App {
   render () {
-    const {Component, pageProps} = this.props
-    return <Container>
-      <Layout>
-        <Component {...pageProps} />
-      </Layout>
-    </Container>
+    const { Component, pageProps } = this.props
+    return (
+      <Container>
+        <Layout>
+          <Component {...pageProps} />
+        </Layout>
+      </Container>
+    )
   }
 }
diff --git a/examples/with-asset-imports/pages/index.js b/examples/with-asset-imports/pages/index.js
index 3ce436c0..e67291d0 100644
--- a/examples/with-asset-imports/pages/index.js
+++ b/examples/with-asset-imports/pages/index.js
@@ -1,4 +1,3 @@
 import avatar from '../static/logo.png'
 
-export default () =>
-  <img src={avatar} />
+export default () => <img src={avatar} />
diff --git a/examples/with-babel-macros/pages/_document.js b/examples/with-babel-macros/pages/_document.js
index ee48d4f9..97aee528 100644
--- a/examples/with-babel-macros/pages/_document.js
+++ b/examples/with-babel-macros/pages/_document.js
@@ -1,12 +1,12 @@
 import React from 'react'
-import Document, {Head, Main, NextScript} from 'next/document'
+import Document, { Head, Main, NextScript } from 'next/document'
 
 export default class MyDocument extends Document {
   render () {
     return (
       <html>
         <Head>
-          <style dangerouslySetInnerHTML={{__html: this.props.css}} />
+          <style dangerouslySetInnerHTML={{ __html: this.props.css }} />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-babel-macros/pages/index.js b/examples/with-babel-macros/pages/index.js
index 162ba864..024be8e3 100644
--- a/examples/with-babel-macros/pages/index.js
+++ b/examples/with-babel-macros/pages/index.js
@@ -10,11 +10,9 @@ export default WhoAmI
 
 function WhoAmI () {
   return (
-    <div style={{display: 'flex', justifyContent: 'center'}}>
+    <div style={{ display: 'flex', justifyContent: 'center' }}>
       <h1>
-        <pre>
-          whoami: {whoami}
-        </pre>
+        <pre>whoami: {whoami}</pre>
       </h1>
     </div>
   )
diff --git a/examples/with-carbon-components/next.config.js b/examples/with-carbon-components/next.config.js
index 6bd40680..b9fd9a22 100644
--- a/examples/with-carbon-components/next.config.js
+++ b/examples/with-carbon-components/next.config.js
@@ -1,21 +1,23 @@
 const withSass = require('@zeit/next-sass')
 const withImages = require('next-images')
 
-module.exports = withImages(withSass({
-  webpack (config) {
-    config.module.rules.push({
-      test: /\.(png|svg|eot|otf|ttf|woff|woff2)$/,
-      use: {
-        loader: 'url-loader',
-        options: {
-          limit: 100000,
-          publicPath: './',
-          outputPath: 'static/',
-          name: '[name].[ext]'
+module.exports = withImages(
+  withSass({
+    webpack (config) {
+      config.module.rules.push({
+        test: /\.(png|svg|eot|otf|ttf|woff|woff2)$/,
+        use: {
+          loader: 'url-loader',
+          options: {
+            limit: 100000,
+            publicPath: './',
+            outputPath: 'static/',
+            name: '[name].[ext]'
+          }
         }
-      }
-    })
+      })
 
-    return config
-  }
-}))
+      return config
+    }
+  })
+)
diff --git a/examples/with-carbon-components/pages/_document.js b/examples/with-carbon-components/pages/_document.js
index 85aac62c..8116ff2c 100644
--- a/examples/with-carbon-components/pages/_document.js
+++ b/examples/with-carbon-components/pages/_document.js
@@ -5,10 +5,7 @@ export default class MyDocument extends Document {
     return (
       <html>
         <Head>
-          <link
-            rel='stylesheet'
-            href='/_next/static/style.css'
-          />
+          <link rel='stylesheet' href='/_next/static/style.css' />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-cerebral/components/Clock.js b/examples/with-cerebral/components/Clock.js
index caf28808..c821ed36 100644
--- a/examples/with-cerebral/components/Clock.js
+++ b/examples/with-cerebral/components/Clock.js
@@ -1,11 +1,11 @@
-export default (props) => {
+export default props => {
   return (
     <div className={props.light ? 'light' : ''}>
       {format(new Date(props.lastUpdate))}
       <style jsx>{`
         div {
           padding: 15px;
-          color: #82FA58;
+          color: #82fa58;
           display: inline-block;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
@@ -19,6 +19,7 @@ export default (props) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-cerebral/components/Page.js b/examples/with-cerebral/components/Page.js
index 04a800c9..20da2617 100644
--- a/examples/with-cerebral/components/Page.js
+++ b/examples/with-cerebral/components/Page.js
@@ -4,30 +4,33 @@ import { connect } from '@cerebral/react'
 import { state, signal } from 'cerebral/tags'
 import Clock from './Clock'
 
-export default connect({
-  lastUpdate: state`clock.lastUpdate`,
-  light: state`clock.light`,
-  mounted: signal`clock.mounted`,
-  unMounted: signal`clock.unMounted`
-},
-class Page extends React.Component {
-  componentDidMount () {
-    this.props.mounted()
-  }
+export default connect(
+  {
+    lastUpdate: state`clock.lastUpdate`,
+    light: state`clock.light`,
+    mounted: signal`clock.mounted`,
+    unMounted: signal`clock.unMounted`
+  },
+  class Page extends React.Component {
+    componentDidMount () {
+      this.props.mounted()
+    }
 
-  componentWillUnmount () {
-    this.props.unMounted()
+    componentWillUnmount () {
+      this.props.unMounted()
+    }
+    render () {
+      return (
+        <div>
+          <h1>{this.props.title}</h1>
+          <Clock lastUpdate={this.props.lastUpdate} light={this.props.light} />
+          <nav>
+            <Link href={this.props.linkTo}>
+              <a>Navigate</a>
+            </Link>
+          </nav>
+        </div>
+      )
+    }
   }
-  render () {
-    return (
-      <div>
-        <h1>{this.props.title}</h1>
-        <Clock lastUpdate={this.props.lastUpdate} light={this.props.light} />
-        <nav>
-          <Link href={this.props.linkTo}><a>Navigate</a></Link>
-        </nav>
-      </div>
-    )
-  }
-}
 )
diff --git a/examples/with-cerebral/modules/clock/actions.js b/examples/with-cerebral/modules/clock/actions.js
index 3c213f96..39c0ce1a 100644
--- a/examples/with-cerebral/modules/clock/actions.js
+++ b/examples/with-cerebral/modules/clock/actions.js
@@ -1,7 +1,7 @@
-export function startTimer ({clock}) {
+export function startTimer ({ clock }) {
   clock.start('clock.secondTicked')
 }
 
-export function stopTimer ({clock}) {
+export function stopTimer ({ clock }) {
   clock.stop()
 }
diff --git a/examples/with-cerebral/modules/clock/index.js b/examples/with-cerebral/modules/clock/index.js
index 34388afb..0a0f74b4 100644
--- a/examples/with-cerebral/modules/clock/index.js
+++ b/examples/with-cerebral/modules/clock/index.js
@@ -1,5 +1,4 @@
-
-import {mounted, unMounted, secondTicked} from './signals'
+import { mounted, unMounted, secondTicked } from './signals'
 import provider from './provider'
 
 export default {
diff --git a/examples/with-cerebral/modules/clock/provider.js b/examples/with-cerebral/modules/clock/provider.js
index 9cfb8d9b..1979ffd8 100644
--- a/examples/with-cerebral/modules/clock/provider.js
+++ b/examples/with-cerebral/modules/clock/provider.js
@@ -2,7 +2,7 @@
 const SECOND = 1000
 let timer = null
 
-export default (context) => {
+export default context => {
   context.clock = {
     start (signalPath) {
       const signal = context.controller.getSignal(signalPath)
@@ -10,7 +10,7 @@ export default (context) => {
       function tick () {
         const now = Date.now()
 
-        signal({now})
+        signal({ now })
 
         timer = setTimeout(tick, SECOND - (now % SECOND))
       }
diff --git a/examples/with-cerebral/modules/clock/signals.js b/examples/with-cerebral/modules/clock/signals.js
index 154b5ed8..3a7e389b 100644
--- a/examples/with-cerebral/modules/clock/signals.js
+++ b/examples/with-cerebral/modules/clock/signals.js
@@ -1,10 +1,7 @@
-import {set} from 'cerebral/operators'
-import {state, props} from 'cerebral/tags'
-import {startTimer, stopTimer} from './actions'
+import { set } from 'cerebral/operators'
+import { state, props } from 'cerebral/tags'
+import { startTimer, stopTimer } from './actions'
 
-export const mounted = [
-  startTimer,
-  set(state`clock.light`, true)
-]
+export const mounted = [startTimer, set(state`clock.light`, true)]
 export const unMounted = stopTimer
 export const secondTicked = set(state`clock.lastUpdate`, props`now`)
diff --git a/examples/with-cerebral/pages/index.js b/examples/with-cerebral/pages/index.js
index b40f9cef..c51a4021 100644
--- a/examples/with-cerebral/pages/index.js
+++ b/examples/with-cerebral/pages/index.js
@@ -1,12 +1,12 @@
 import React from 'react'
-import {Controller, UniversalController} from 'cerebral'
+import { Controller, UniversalController } from 'cerebral'
 import Devtools from 'cerebral/devtools'
 import { Container } from '@cerebral/react'
 import Page from '../components/Page'
 import clock from '../modules/clock'
 
 export default class Counter extends React.Component {
-  static getInitialProps ({req}) {
+  static getInitialProps ({ req }) {
     const isServer = Boolean(req)
 
     // On the server we prepare the state of the application. Since
@@ -14,7 +14,7 @@ export default class Counter extends React.Component {
     // you could do other async stuff here or even use "runSequence" to
     // grab and set the initial state of the application using
     if (isServer) {
-      const controller = UniversalController({modules: {clock}})
+      const controller = UniversalController({ modules: { clock } })
       controller.setState('clock.lastUpdate', Date.now())
 
       return { stateChanges: controller.getChanges() }
@@ -27,8 +27,11 @@ export default class Counter extends React.Component {
     // The controller will be instantiated for every page change and we only
     // add the devtools if we indeed are running in the browser
     this.controller = Controller({
-      devtools: process.env.NODE_ENV === 'production' || typeof window === 'undefined' ? null : Devtools({host: 'localhost:8787'}),
-      modules: {clock},
+      devtools:
+        process.env.NODE_ENV === 'production' || typeof window === 'undefined'
+          ? null
+          : Devtools({ host: 'localhost:8787' }),
+      modules: { clock },
       stateChanges: props.stateChanges
     })
   }
diff --git a/examples/with-cerebral/pages/other.js b/examples/with-cerebral/pages/other.js
index 0d6192c2..27662dfb 100644
--- a/examples/with-cerebral/pages/other.js
+++ b/examples/with-cerebral/pages/other.js
@@ -1,12 +1,12 @@
 import React from 'react'
-import {Controller, UniversalController} from 'cerebral'
+import { Controller, UniversalController } from 'cerebral'
 import Devtools from 'cerebral/devtools'
 import { Container } from '@cerebral/react'
 import Page from '../components/Page'
 import clock from '../modules/clock'
 
 export default class Counter extends React.Component {
-  static getInitialProps ({req}) {
+  static getInitialProps ({ req }) {
     const isServer = Boolean(req)
 
     // On the server we prepare the state of the application. Since
@@ -14,7 +14,7 @@ export default class Counter extends React.Component {
     // you could do other async stuff here or even use "runSequence" to
     // grab and set the initial state of the application using
     if (isServer) {
-      const controller = UniversalController({modules: {clock}})
+      const controller = UniversalController({ modules: { clock } })
       controller.setState('clock.lastUpdate', Date.now())
 
       return { stateChanges: controller.getChanges() }
@@ -27,8 +27,11 @@ export default class Counter extends React.Component {
     // The controller will be instantiated for every page change and we only
     // add the devtools if we indeed are running in the browser
     this.controller = Controller({
-      devtools: process.env.NODE_ENV === 'production' || typeof window === 'undefined' ? null : Devtools({host: 'localhost:8787'}),
-      modules: {clock},
+      devtools:
+        process.env.NODE_ENV === 'production' || typeof window === 'undefined'
+          ? null
+          : Devtools({ host: 'localhost:8787' }),
+      modules: { clock },
       stateChanges: props.stateChanges
     })
   }
diff --git a/examples/with-configured-preset-env/pages/index.js b/examples/with-configured-preset-env/pages/index.js
index 814c212e..b419fd8b 100644
--- a/examples/with-configured-preset-env/pages/index.js
+++ b/examples/with-configured-preset-env/pages/index.js
@@ -1,4 +1,4 @@
-import {Component} from 'react'
+import { Component } from 'react'
 
 function * generatorMethod () {
   yield 1
diff --git a/examples/with-custom-babel-config/pages/index.js b/examples/with-custom-babel-config/pages/index.js
index ad6ff1b8..6376ac7e 100644
--- a/examples/with-custom-babel-config/pages/index.js
+++ b/examples/with-custom-babel-config/pages/index.js
@@ -20,7 +20,7 @@ export default class MyLuckNo extends React.Component {
     const { randomNo } = this.state
 
     if (randomNo === null) {
-      return (<p>Please wait..</p>)
+      return <p>Please wait..</p>
     }
 
     // This is an experimental JavaScript feature where we can get with
@@ -28,13 +28,13 @@ export default class MyLuckNo extends React.Component {
     const message = do {
       if (randomNo < 30) {
         // eslint-disable-next-line no-unused-expressions
-        'Do not give up. Try again.'
+        ;('Do not give up. Try again.')
       } else if (randomNo < 60) {
         // eslint-disable-next-line no-unused-expressions
-        'You are a lucky guy'
+        ;('You are a lucky guy')
       } else {
         // eslint-disable-next-line no-unused-expressions
-        'You are soooo lucky!'
+        ;('You are soooo lucky!')
       }
     }
 
diff --git a/examples/with-custom-reverse-proxy/pages/index.js b/examples/with-custom-reverse-proxy/pages/index.js
index 08934592..0f11c23f 100644
--- a/examples/with-custom-reverse-proxy/pages/index.js
+++ b/examples/with-custom-reverse-proxy/pages/index.js
@@ -29,16 +29,15 @@ export default class extends React.Component {
     return (
       <content>
         <p>
-          /api/{this.props.queryString} routed to https://swapi.co/api/{this.props.queryString}
+          /api/{this.props.queryString} routed to https://swapi.co/api/
+          {this.props.queryString}
         </p>
         <p>
           <a href='?people/2'>Try</a>
           &nbsp;
           <a href='/'>Reset</a>
         </p>
-        <pre>
-          {this.state.response ? this.state.response : 'Loading...'}
-        </pre>
+        <pre>{this.state.response ? this.state.response : 'Loading...'}</pre>
       </content>
     )
   }
diff --git a/examples/with-custom-reverse-proxy/server.js b/examples/with-custom-reverse-proxy/server.js
index 9620a4e4..0a02808e 100644
--- a/examples/with-custom-reverse-proxy/server.js
+++ b/examples/with-custom-reverse-proxy/server.js
@@ -5,7 +5,7 @@ const next = require('next')
 const devProxy = {
   '/api': {
     target: 'https://swapi.co/api/',
-    pathRewrite: {'^/api': '/'},
+    pathRewrite: { '^/api': '/' },
     changeOrigin: true
   }
 }
diff --git a/examples/with-cxs/pages/_document.js b/examples/with-cxs/pages/_document.js
index 24ace209..4cbd8405 100644
--- a/examples/with-cxs/pages/_document.js
+++ b/examples/with-cxs/pages/_document.js
@@ -12,7 +12,10 @@ export default class MyDocument extends Document {
     return (
       <html>
         <Head>
-          <style id='cxs-style' dangerouslySetInnerHTML={{ __html: this.props.style }} />
+          <style
+            id='cxs-style'
+            dangerouslySetInnerHTML={{ __html: this.props.style }}
+          />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-data-prefetch/components/link.js b/examples/with-data-prefetch/components/link.js
index a413c585..e772bdbd 100644
--- a/examples/with-data-prefetch/components/link.js
+++ b/examples/with-data-prefetch/components/link.js
@@ -5,23 +5,17 @@ import { execOnce, warn } from 'next/dist/lib/utils'
 import exact from 'prop-types-exact'
 import { format, resolve, parse } from 'url'
 
-export const prefetch = async (href) => {
+export const prefetch = async href => {
   // if  we're running server side do nothing
   if (typeof window === 'undefined') return
 
-  const url =
-    typeof href !== 'string'
-      ? format(href)
-      : href
+  const url = typeof href !== 'string' ? format(href) : href
 
   const { pathname } = window.location
 
   const parsedHref = resolve(pathname, url)
 
-  const { query } =
-    typeof href !== 'string'
-      ? href
-      : parse(url, true)
+  const { query } = typeof href !== 'string' ? href : parse(url, true)
 
   const Component = await Router.prefetch(parsedHref)
 
@@ -50,14 +44,16 @@ export default class LinkWithData extends Link {
         const value = props[propName]
 
         if (typeof value === 'string') {
-          execOnce(warn)(`Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please add an <a> tag as child of <Link>`)
+          execOnce(warn)(
+            `Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please add an <a> tag as child of <Link>`
+          )
         }
 
         return null
       }
     ]).isRequired,
     withData: PropTypes.bool // our custom prop
-  });
+  })
 
   // our custom prefetch method
   async prefetch () {
diff --git a/examples/with-data-prefetch/pages/index.js b/examples/with-data-prefetch/pages/index.js
index 9fc8e54e..b45a1c7b 100644
--- a/examples/with-data-prefetch/pages/index.js
+++ b/examples/with-data-prefetch/pages/index.js
@@ -16,8 +16,8 @@ export default () => (
         </Link>
       </li>
       <li>
-        <Link href='/article?id=3' >
-          <a onMouseOver={e => prefetch('/article?id=3')} >Article 3</a>
+        <Link href='/article?id=3'>
+          <a onMouseOver={e => prefetch('/article?id=3')}>Article 3</a>
         </Link>
       </li>
     </ul>
diff --git a/examples/with-docker/next.config.js b/examples/with-docker/next.config.js
index 5c619486..518957bb 100644
--- a/examples/with-docker/next.config.js
+++ b/examples/with-docker/next.config.js
@@ -1,9 +1,11 @@
 // next.config.js
 module.exports = {
-  serverRuntimeConfig: { // Will only be available on the server side
+  serverRuntimeConfig: {
+    // Will only be available on the server side
     mySecret: 'secret'
   },
-  publicRuntimeConfig: { // Will be available on both server and client
+  publicRuntimeConfig: {
+    // Will be available on both server and client
     API_URL: process.env.API_URL
   }
 }
diff --git a/examples/with-docker/pages/index.js b/examples/with-docker/pages/index.js
index 6d3657a4..9655c473 100644
--- a/examples/with-docker/pages/index.js
+++ b/examples/with-docker/pages/index.js
@@ -11,8 +11,6 @@ export default class extends React.Component {
   }
 
   render () {
-    return <div>
-            The API_URL is {API_URL}
-    </div>
+    return <div>The API_URL is {API_URL}</div>
   }
 }
diff --git a/examples/with-dotenv/next.config.js b/examples/with-dotenv/next.config.js
index b7747be2..465bf54c 100644
--- a/examples/with-dotenv/next.config.js
+++ b/examples/with-dotenv/next.config.js
@@ -4,7 +4,7 @@ const path = require('path')
 const Dotenv = require('dotenv-webpack')
 
 module.exports = {
-  webpack: (config) => {
+  webpack: config => {
     config.plugins = config.plugins || []
 
     config.plugins = [
diff --git a/examples/with-dotenv/pages/index.js b/examples/with-dotenv/pages/index.js
index 70053cad..9438592a 100644
--- a/examples/with-dotenv/pages/index.js
+++ b/examples/with-dotenv/pages/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>{ process.env.TEST }</div>
-)
+export default () => <div>{process.env.TEST}</div>
diff --git a/examples/with-draft-js/pages/index.js b/examples/with-draft-js/pages/index.js
index d415b2e5..6760fba0 100644
--- a/examples/with-draft-js/pages/index.js
+++ b/examples/with-draft-js/pages/index.js
@@ -34,7 +34,7 @@ export default class App extends React.Component {
     }
 
     this.focus = () => this.editor.focus()
-    this.onChange = (editorState) => this.setState({editorState})
+    this.onChange = editorState => this.setState({ editorState })
   }
 
   onClickEditor = () => {
@@ -60,48 +60,67 @@ export default class App extends React.Component {
 
   // 2- Identify the selection coordinates
   setSelectionXY = () => {
-    var r = window.getSelection().getRangeAt(0).getBoundingClientRect()
+    var r = window
+      .getSelection()
+      .getRangeAt(0)
+      .getBoundingClientRect()
     var relative = document.body.parentNode.getBoundingClientRect()
     // 2-a Set the selection coordinates in the state
-    this.setState({
-      selectionCoordinates: r,
-      windowWidth: relative.width,
-      selectionMeasures: {
-        w: r.width,
-        h: r.height
-      }
-    }, () => this.showToolbar())
+    this.setState(
+      {
+        selectionCoordinates: r,
+        windowWidth: relative.width,
+        selectionMeasures: {
+          w: r.width,
+          h: r.height
+        }
+      },
+      () => this.showToolbar()
+    )
   }
 
   // 3- Show the toolbar
   showToolbar = () => {
-    this.setState({
-      showToolbar: true
-    }, () => this.measureToolbar())
+    this.setState(
+      {
+        showToolbar: true
+      },
+      () => this.measureToolbar()
+    )
   }
 
   // 4- The toolbar was hidden until now
   measureToolbar = () => {
     // 4-a Define the toolbar width and height, as it is now visible
-    this.setState({
-      toolbarMeasures: {
-        w: this.elemWidth,
-        h: this.elemHeight
-      }
-    }, () => this.setToolbarXY())
+    this.setState(
+      {
+        toolbarMeasures: {
+          w: this.elemWidth,
+          h: this.elemHeight
+        }
+      },
+      () => this.setToolbarXY()
+    )
   }
 
   // 5- Now that we have all measures, define toolbar coordinates
   setToolbarXY = () => {
     let coordinates = {}
 
-    const { selectionMeasures, selectionCoordinates, toolbarMeasures, windowWidth } = this.state
+    const {
+      selectionMeasures,
+      selectionCoordinates,
+      toolbarMeasures,
+      windowWidth
+    } = this.state
 
     const hiddenTop = selectionCoordinates.y < toolbarMeasures.h
-    const hiddenRight = windowWidth - selectionCoordinates.x < toolbarMeasures.w / 2
+    const hiddenRight =
+      windowWidth - selectionCoordinates.x < toolbarMeasures.w / 2
     const hiddenLeft = selectionCoordinates.x < toolbarMeasures.w / 2
 
-    const normalX = selectionCoordinates.x - (toolbarMeasures.w / 2) + (selectionMeasures.w / 2)
+    const normalX =
+      selectionCoordinates.x - toolbarMeasures.w / 2 + selectionMeasures.w / 2
     const normalY = selectionCoordinates.y - toolbarMeasures.h
 
     const invertedY = selectionCoordinates.y + selectionMeasures.h
@@ -130,8 +149,8 @@ export default class App extends React.Component {
     })
   }
 
-  handleKeyCommand = (command) => {
-    const {editorState} = this.state
+  handleKeyCommand = command => {
+    const { editorState } = this.state
     const newState = RichUtils.handleKeyCommand(editorState, command)
     if (newState) {
       this.onChange(newState)
@@ -140,17 +159,14 @@ export default class App extends React.Component {
     return false
   }
 
-  toggleToolbar = (inlineStyle) => {
+  toggleToolbar = inlineStyle => {
     this.onChange(
-      RichUtils.toggleInlineStyle(
-        this.state.editorState,
-        inlineStyle
-      )
+      RichUtils.toggleInlineStyle(this.state.editorState, inlineStyle)
     )
   }
 
   render () {
-    const {editorState} = this.state
+    const { editorState } = this.state
     // Make sure we're not on the ssr
     if (typeof window !== 'undefined') {
       // Let's stick the toolbar to the selection
@@ -171,16 +187,13 @@ export default class App extends React.Component {
     return (
       <div>
         <div
-          ref={(elem) => {
+          ref={elem => {
             this.elemWidth = elem ? elem.clientWidth : 0
             this.elemHeight = elem ? elem.clientHeight : 0
           }}
           style={toolbarStyle}
         >
-          <ToolBar
-            editorState={editorState}
-            onToggle={this.toggleToolbar}
-          />
+          <ToolBar editorState={editorState} onToggle={this.toggleToolbar} />
         </div>
         <div onClick={this.onClickEditor} onBlur={this.checkSelectedText}>
           <Editor
@@ -190,14 +203,22 @@ export default class App extends React.Component {
             onChange={this.onChange}
             placeholder='Tell a story...'
             spellCheck={false}
-            ref={(element) => { this.editor = element }}
+            ref={element => {
+              this.editor = element
+            }}
           />
         </div>
         <div style={{ marginTop: 40 }}>
-          <button onClick={() => this.setState({showRawData: !this.state.showRawData})}>
+          <button
+            onClick={() =>
+              this.setState({ showRawData: !this.state.showRawData })
+            }
+          >
             {!this.state.showRawData ? 'Show' : 'Hide'} Raw Data
-          </button><br />
-          {this.state.showRawData && JSON.stringify(convertToRaw(editorState.getCurrentContent()))}
+          </button>
+          <br />
+          {this.state.showRawData &&
+            JSON.stringify(convertToRaw(editorState.getCurrentContent()))}
         </div>
       </div>
     )
@@ -224,7 +245,7 @@ const styleMap = {
 class ToolbarButton extends React.Component {
   constructor () {
     super()
-    this.onToggle = (e) => {
+    this.onToggle = e => {
       e.preventDefault()
       this.props.onToggle(this.props.style)
     }
@@ -236,25 +257,25 @@ class ToolbarButton extends React.Component {
     }
     return (
       <span onMouseDown={this.onToggle} style={buttonStyle}>
-        { this.props.label }
+        {this.props.label}
       </span>
     )
   }
 }
 
 var toolbarItems = [
-  {label: 'Bold', style: 'BOLD'},
-  {label: 'Italic', style: 'ITALIC'},
-  {label: 'Underline', style: 'UNDERLINE'},
-  {label: 'Code', style: 'CODE'},
-  {label: 'Surprise', style: 'ANYCUSTOMSTYLE'}
+  { label: 'Bold', style: 'BOLD' },
+  { label: 'Italic', style: 'ITALIC' },
+  { label: 'Underline', style: 'UNDERLINE' },
+  { label: 'Code', style: 'CODE' },
+  { label: 'Surprise', style: 'ANYCUSTOMSTYLE' }
 ]
 
-const ToolBar = (props) => {
+const ToolBar = props => {
   var currentStyle = props.editorState.getCurrentInlineStyle()
   return (
     <div>
-      {toolbarItems.map(toolbarItem =>
+      {toolbarItems.map(toolbarItem => (
         <ToolbarButton
           key={toolbarItem.label}
           active={currentStyle.has(toolbarItem.style)}
@@ -262,9 +283,67 @@ const ToolBar = (props) => {
           onToggle={props.onToggle}
           style={toolbarItem.style}
         />
-      )}
+      ))}
     </div>
   )
 }
 
-const initialData = {'blocks': [{'key': '16d0k', 'text': 'You can edit this text.', 'type': 'unstyled', 'depth': 0, 'inlineStyleRanges': [{'offset': 0, 'length': 23, 'style': 'BOLD'}], 'entityRanges': [], 'data': {}}, {'key': '98peq', 'text': '', 'type': 'unstyled', 'depth': 0, 'inlineStyleRanges': [], 'entityRanges': [], 'data': {}}, {'key': 'ecmnc', 'text': 'Luke Skywalker has vanished. In his absence, the sinister FIRST ORDER has risen from the ashes of the Empire and will not rest until Skywalker, the last Jedi, has been destroyed.', 'type': 'unstyled', 'depth': 0, 'inlineStyleRanges': [{'offset': 0, 'length': 14, 'style': 'BOLD'}, {'offset': 133, 'length': 9, 'style': 'BOLD'}], 'entityRanges': [], 'data': {}}, {'key': 'fe2gn', 'text': '', 'type': 'unstyled', 'depth': 0, 'inlineStyleRanges': [], 'entityRanges': [], 'data': {}}, {'key': '4481k', 'text': 'With the support of the REPUBLIC, General Leia Organa leads a brave RESISTANCE. She is desperate to find her brother Luke and gain his help in restoring peace and justice to the galaxy.', 'type': 'unstyled', 'depth': 0, 'inlineStyleRanges': [{'offset': 34, 'length': 19, 'style': 'BOLD'}, {'offset': 117, 'length': 4, 'style': 'BOLD'}, {'offset': 68, 'length': 10, 'style': 'ANYCUSTOMSTYLE'}], 'entityRanges': [], 'data': {}}], 'entityMap': {}}
+const initialData = {
+  blocks: [
+    {
+      key: '16d0k',
+      text: 'You can edit this text.',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [{ offset: 0, length: 23, style: 'BOLD' }],
+      entityRanges: [],
+      data: {}
+    },
+    {
+      key: '98peq',
+      text: '',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {}
+    },
+    {
+      key: 'ecmnc',
+      text:
+        'Luke Skywalker has vanished. In his absence, the sinister FIRST ORDER has risen from the ashes of the Empire and will not rest until Skywalker, the last Jedi, has been destroyed.',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [
+        { offset: 0, length: 14, style: 'BOLD' },
+        { offset: 133, length: 9, style: 'BOLD' }
+      ],
+      entityRanges: [],
+      data: {}
+    },
+    {
+      key: 'fe2gn',
+      text: '',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {}
+    },
+    {
+      key: '4481k',
+      text:
+        'With the support of the REPUBLIC, General Leia Organa leads a brave RESISTANCE. She is desperate to find her brother Luke and gain his help in restoring peace and justice to the galaxy.',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [
+        { offset: 34, length: 19, style: 'BOLD' },
+        { offset: 117, length: 4, style: 'BOLD' },
+        { offset: 68, length: 10, style: 'ANYCUSTOMSTYLE' }
+      ],
+      entityRanges: [],
+      data: {}
+    }
+  ],
+  entityMap: {}
+}
diff --git a/examples/with-dynamic-app-layout/layouts/BlueLayout.js b/examples/with-dynamic-app-layout/layouts/BlueLayout.js
index f274bb57..7778f349 100644
--- a/examples/with-dynamic-app-layout/layouts/BlueLayout.js
+++ b/examples/with-dynamic-app-layout/layouts/BlueLayout.js
@@ -1,5 +1,3 @@
 export default ({ children }) => {
-  return <main style={{ border: '4px dashed blue' }}>
-    {children}
-  </main>
+  return <main style={{ border: '4px dashed blue' }}>{children}</main>
 }
diff --git a/examples/with-dynamic-app-layout/layouts/GreenLayout.js b/examples/with-dynamic-app-layout/layouts/GreenLayout.js
index fe368852..90747200 100644
--- a/examples/with-dynamic-app-layout/layouts/GreenLayout.js
+++ b/examples/with-dynamic-app-layout/layouts/GreenLayout.js
@@ -1,5 +1,3 @@
 export default ({ children }) => {
-  return <main style={{ border: '4px dashed green' }}>
-    {children}
-  </main>
+  return <main style={{ border: '4px dashed green' }}>{children}</main>
 }
diff --git a/examples/with-dynamic-app-layout/layouts/RedLayout.js b/examples/with-dynamic-app-layout/layouts/RedLayout.js
index 68989d56..7fba22c3 100644
--- a/examples/with-dynamic-app-layout/layouts/RedLayout.js
+++ b/examples/with-dynamic-app-layout/layouts/RedLayout.js
@@ -1,5 +1,3 @@
 export default ({ children }) => {
-  return <main style={{ border: '4px dashed red' }}>
-    {children}
-  </main>
+  return <main style={{ border: '4px dashed red' }}>{children}</main>
 }
diff --git a/examples/with-dynamic-app-layout/pages/_app.js b/examples/with-dynamic-app-layout/pages/_app.js
index 5ae2715a..fc70aaec 100644
--- a/examples/with-dynamic-app-layout/pages/_app.js
+++ b/examples/with-dynamic-app-layout/pages/_app.js
@@ -4,10 +4,12 @@ import App, { Container } from 'next/app'
 export default class MyApp extends App {
   render () {
     const { Component, pageProps } = this.props
-    return <Container>
-      <Component.Layout>
-        <Component {...pageProps} />
-      </Component.Layout>
-    </Container>
+    return (
+      <Container>
+        <Component.Layout>
+          <Component {...pageProps} />
+        </Component.Layout>
+      </Container>
+    )
   }
 }
diff --git a/examples/with-dynamic-app-layout/pages/green.js b/examples/with-dynamic-app-layout/pages/green.js
index 96340b1c..c2efedd8 100644
--- a/examples/with-dynamic-app-layout/pages/green.js
+++ b/examples/with-dynamic-app-layout/pages/green.js
@@ -4,10 +4,18 @@ import Link from 'next/link'
 import GreenLayout from '../layouts/GreenLayout'
 
 const GreenPage = () => {
-  return <p>
-    This is the <strong style={{ color: 'green' }}>Green</strong> page, it's borders are green<br /><br />
-    Go back to the <Link href='/'><a style={{ color: 'blue' }}>Blue Page</a></Link>
-  </p>
+  return (
+    <p>
+      This is the <strong style={{ color: 'green' }}>Green</strong> page, it's
+      borders are green
+      <br />
+      <br />
+      Go back to the{' '}
+      <Link href='/'>
+        <a style={{ color: 'blue' }}>Blue Page</a>
+      </Link>
+    </p>
+  )
 }
 
 GreenPage.Layout = GreenLayout
diff --git a/examples/with-dynamic-app-layout/pages/index.js b/examples/with-dynamic-app-layout/pages/index.js
index 06761aa3..fbb3f718 100644
--- a/examples/with-dynamic-app-layout/pages/index.js
+++ b/examples/with-dynamic-app-layout/pages/index.js
@@ -4,11 +4,24 @@ import Link from 'next/link'
 import BlueLayout from '../layouts/BlueLayout'
 
 const BluePage = () => {
-  return <p>
-    This is the <strong style={{ color: 'blue' }}>Blue</strong> page, it's borders are blue<br /><br />
-    Go to the <Link href='/red'><a style={{ color: 'red' }}>Red Page</a></Link><br /><br />
-    Go to the <Link href='/green'><a style={{ color: 'green' }} >Green Page</a></Link>
-  </p>
+  return (
+    <p>
+      This is the <strong style={{ color: 'blue' }}>Blue</strong> page, it's
+      borders are blue
+      <br />
+      <br />
+      Go to the{' '}
+      <Link href='/red'>
+        <a style={{ color: 'red' }}>Red Page</a>
+      </Link>
+      <br />
+      <br />
+      Go to the{' '}
+      <Link href='/green'>
+        <a style={{ color: 'green' }}>Green Page</a>
+      </Link>
+    </p>
+  )
 }
 
 BluePage.Layout = BlueLayout
diff --git a/examples/with-dynamic-app-layout/pages/red.js b/examples/with-dynamic-app-layout/pages/red.js
index c0e95ed2..7acdfd4d 100644
--- a/examples/with-dynamic-app-layout/pages/red.js
+++ b/examples/with-dynamic-app-layout/pages/red.js
@@ -4,10 +4,18 @@ import Link from 'next/link'
 import RedLayout from '../layouts/RedLayout'
 
 const RedPage = () => {
-  return <p>
-    This is the <strong style={{ color: 'red' }} >Red</strong> page, it's borders are red<br /><br />
-    Go back to the <Link href='/'><a>Blue Page</a></Link>
-  </p>
+  return (
+    <p>
+      This is the <strong style={{ color: 'red' }}>Red</strong> page, it's
+      borders are red
+      <br />
+      <br />
+      Go back to the{' '}
+      <Link href='/'>
+        <a>Blue Page</a>
+      </Link>
+    </p>
+  )
 }
 
 RedPage.Layout = RedLayout
diff --git a/examples/with-dynamic-import/components/Header.js b/examples/with-dynamic-import/components/Header.js
index 4409ca63..db8e439e 100644
--- a/examples/with-dynamic-import/components/Header.js
+++ b/examples/with-dynamic-import/components/Header.js
@@ -3,11 +3,11 @@ import Link from 'next/link'
 export default () => (
   <div>
     <Link href='/'>
-      <a style={styles.a} >Home</a>
+      <a style={styles.a}>Home</a>
     </Link>
 
     <Link href='/about'>
-      <a style={styles.a} >About</a>
+      <a style={styles.a}>About</a>
     </Link>
   </div>
 )
diff --git a/examples/with-dynamic-import/components/hello1.js b/examples/with-dynamic-import/components/hello1.js
index bf4d40db..eda27922 100644
--- a/examples/with-dynamic-import/components/hello1.js
+++ b/examples/with-dynamic-import/components/hello1.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 1 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 1 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello2.js b/examples/with-dynamic-import/components/hello2.js
index 16cc3980..131ce788 100644
--- a/examples/with-dynamic-import/components/hello2.js
+++ b/examples/with-dynamic-import/components/hello2.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 2 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 2 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello3.js b/examples/with-dynamic-import/components/hello3.js
index 809e3ddb..5bf73c72 100644
--- a/examples/with-dynamic-import/components/hello3.js
+++ b/examples/with-dynamic-import/components/hello3.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 3 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 3 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello4.js b/examples/with-dynamic-import/components/hello4.js
index 6ba0ee7a..7d4b35fc 100644
--- a/examples/with-dynamic-import/components/hello4.js
+++ b/examples/with-dynamic-import/components/hello4.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 4 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 4 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello5.js b/examples/with-dynamic-import/components/hello5.js
index b09e189f..7b17b107 100644
--- a/examples/with-dynamic-import/components/hello5.js
+++ b/examples/with-dynamic-import/components/hello5.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 5 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 5 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello6.js b/examples/with-dynamic-import/components/hello6.js
index 971409c9..8cbbea48 100644
--- a/examples/with-dynamic-import/components/hello6.js
+++ b/examples/with-dynamic-import/components/hello6.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 6 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 6 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/components/hello7.js b/examples/with-dynamic-import/components/hello7.js
index 7ee1da48..ba612bc4 100644
--- a/examples/with-dynamic-import/components/hello7.js
+++ b/examples/with-dynamic-import/components/hello7.js
@@ -1,3 +1 @@
-export default () => (
-  <p>Hello World 7 (imported dynamiclly) </p>
-)
+export default () => <p>Hello World 7 (imported dynamiclly) </p>
diff --git a/examples/with-dynamic-import/pages/index.js b/examples/with-dynamic-import/pages/index.js
index 1d591d82..355d5897 100644
--- a/examples/with-dynamic-import/pages/index.js
+++ b/examples/with-dynamic-import/pages/index.js
@@ -8,12 +8,12 @@ const DynamicComponent1 = dynamic(import('../components/hello1'))
 
 const DynamicComponent2WithCustomLoading = dynamic({
   loader: () => import('../components/hello2'),
-  loading: () => (<p>Loading caused by client page transition ...</p>)
+  loading: () => <p>Loading caused by client page transition ...</p>
 })
 
 const DynamicComponent3WithNoSSR = dynamic({
   loader: () => import('../components/hello3'),
-  loading: () => (<p>Loading ...</p>),
+  loading: () => <p>Loading ...</p>,
   ssr: false
 })
 
@@ -34,7 +34,7 @@ const DynamicBundle = dynamic({
     return components
   },
   render: (props, { Hello6, Hello7 }) => (
-    <div style={{padding: 10, border: '1px solid #888'}}>
+    <div style={{ padding: 10, border: '1px solid #888' }}>
       <Hello6 />
       <Hello7 />
     </div>
diff --git a/examples/with-electron/renderer/pages/start.js b/examples/with-electron/renderer/pages/start.js
index 9fe34147..c680e0c7 100644
--- a/examples/with-electron/renderer/pages/start.js
+++ b/examples/with-electron/renderer/pages/start.js
@@ -36,9 +36,7 @@ export default class extends Component {
       <div>
         <h1>Hello Electron!</h1>
 
-        {this.state.message &&
-          <p>{this.state.message}</p>
-        }
+        {this.state.message && <p>{this.state.message}</p>}
 
         <form onSubmit={this.handleSubmit}>
           <input type='text' onChange={this.handleChange} />
diff --git a/examples/with-emotion-fiber/features/home.component.js b/examples/with-emotion-fiber/features/home.component.js
index d5ac134a..c8ec563f 100644
--- a/examples/with-emotion-fiber/features/home.component.js
+++ b/examples/with-emotion-fiber/features/home.component.js
@@ -1,4 +1,4 @@
-import {Basic, Combined, Animated, bounce} from '../shared/styles'
+import { Basic, Combined, Animated, bounce } from '../shared/styles'
 const Home = () => (
   <div>
     <Basic>Cool Styles</Basic>
diff --git a/examples/with-emotion-fiber/hoc/withEmotion.component.js b/examples/with-emotion-fiber/hoc/withEmotion.component.js
index 275af152..91b8095a 100644
--- a/examples/with-emotion-fiber/hoc/withEmotion.component.js
+++ b/examples/with-emotion-fiber/hoc/withEmotion.component.js
@@ -14,7 +14,7 @@ const withEmotion = ComposedComponent => {
     render () {
       return <ComposedComponent />
     }
-  };
+  }
 
   return HOC
 }
diff --git a/examples/with-emotion-fiber/shared/styles.js b/examples/with-emotion-fiber/shared/styles.js
index 5959d6f3..8c278978 100644
--- a/examples/with-emotion-fiber/shared/styles.js
+++ b/examples/with-emotion-fiber/shared/styles.js
@@ -12,24 +12,24 @@ html, body {
 `
 
 export const basicStyles = css`
-background-color: white;
-color: cornflowerblue;
-border: 1px solid lightgreen;
-border-right: none;
-border-bottom: none;
-box-shadow: 5px 5px 0 0 lightgreen, 10px 10px 0 0 lightyellow;
-transition: all 0.1s linear;
-margin: 3rem 0;
-padding: 1rem 0.5rem;
+  background-color: white;
+  color: cornflowerblue;
+  border: 1px solid lightgreen;
+  border-right: none;
+  border-bottom: none;
+  box-shadow: 5px 5px 0 0 lightgreen, 10px 10px 0 0 lightyellow;
+  transition: all 0.1s linear;
+  margin: 3rem 0;
+  padding: 1rem 0.5rem;
 `
 
 export const hoverStyles = css`
-&:hover {
-color: white;
-background-color: lightgray;
-border-color: aqua;
-box-shadow: -15px -15px 0 0 aqua, -30px -30px 0 0 cornflowerblue;
-}
+  &:hover {
+    color: white;
+    background-color: lightgray;
+    border-color: aqua;
+    box-shadow: -15px -15px 0 0 aqua, -30px -30px 0 0 cornflowerblue;
+  }
 `
 export const bounce = keyframes`
 from {
@@ -41,21 +41,21 @@ transform: scale(0.99);
 `
 
 export const Basic = styled('div')`
-${basicStyles};
+  ${basicStyles};
 `
 
 export const Combined = styled('div')`
-${basicStyles};
-${hoverStyles};
-& code {
-  background-color: linen;
-}
+  ${basicStyles};
+  ${hoverStyles};
+  & code {
+    background-color: linen;
+  }
 `
 export const Animated = styled('div')`
-${basicStyles};
-${hoverStyles};
-& code {
-  background-color: linen;
-}
-animation: ${props => props.animation} 0.2s infinite ease-in-out alternate;
+  ${basicStyles};
+  ${hoverStyles};
+  & code {
+    background-color: linen;
+  }
+  animation: ${props => props.animation} 0.2s infinite ease-in-out alternate;
 `
diff --git a/examples/with-external-styled-jsx-sass/pages/index.js b/examples/with-external-styled-jsx-sass/pages/index.js
index 1eb43b12..ff952411 100644
--- a/examples/with-external-styled-jsx-sass/pages/index.js
+++ b/examples/with-external-styled-jsx-sass/pages/index.js
@@ -1,7 +1,8 @@
 import styles from '../styles/style.scss'
 
-export default () =>
+export default () => (
   <div>
     Hello World!
     <style jsx>{styles}</style>
   </div>
+)
diff --git a/examples/with-fela/FelaProvider.js b/examples/with-fela/FelaProvider.js
index 9de749d4..b45df611 100755
--- a/examples/with-fela/FelaProvider.js
+++ b/examples/with-fela/FelaProvider.js
@@ -10,18 +10,14 @@ const clientRenderer = getFelaRenderer()
 export default class FelaProvider extends Component {
   static contextTypes = {
     renderer: PropTypes.object
-  };
+  }
 
-  render () {
+  render() {
     if (this.context.renderer) {
       return this.props.children
     }
 
     const renderer = this.props.renderer || clientRenderer
-    return (
-      <Provider renderer={renderer}>
-        {this.props.children}
-      </Provider>
-    )
+    return <Provider renderer={renderer}>{this.props.children}</Provider>
   }
 }
diff --git a/examples/with-fela/getFelaRenderer.js b/examples/with-fela/getFelaRenderer.js
index c28255c9..8311f32e 100644
--- a/examples/with-fela/getFelaRenderer.js
+++ b/examples/with-fela/getFelaRenderer.js
@@ -3,8 +3,6 @@ import webPreset from 'fela-preset-web'
 
 export default function getRenderer () {
   return createRenderer({
-    plugins: [
-      ...webPreset
-    ]
+    plugins: [...webPreset]
   })
 }
diff --git a/examples/with-fela/pages/_document.js b/examples/with-fela/pages/_document.js
index a029b289..fa52efb1 100755
--- a/examples/with-fela/pages/_document.js
+++ b/examples/with-fela/pages/_document.js
@@ -38,9 +38,7 @@ export default class MyDocument extends Document {
 
     return (
       <html>
-        <Head>
-          {styleNodes}
-        </Head>
+        <Head>{styleNodes}</Head>
         <body>
           <Main />
           <NextScript />
diff --git a/examples/with-firebase-authentication/pages/index.js b/examples/with-firebase-authentication/pages/index.js
index ed9f683a..0fac2961 100644
--- a/examples/with-firebase-authentication/pages/index.js
+++ b/examples/with-firebase-authentication/pages/index.js
@@ -6,7 +6,7 @@ import 'isomorphic-unfetch'
 import clientCredentials from '../credentials/client'
 
 export default class Index extends Component {
-  static async getInitialProps ({req, query}) {
+  static async getInitialProps ({ req, query }) {
     const user = req && req.session ? req.session.decodedToken : null
     // don't fetch anything from firebase if the user is not found
     // const snap = user && await req.firebaseServer.database().ref('messages').once('value')
@@ -37,8 +37,9 @@ export default class Index extends Component {
     firebase.auth().onAuthStateChanged(user => {
       if (user) {
         this.setState({ user: user })
-        return user.getIdToken()
-          .then((token) => {
+        return user
+          .getIdToken()
+          .then(token => {
             // eslint-disable-next-line no-undef
             return fetch('/api/login', {
               method: 'POST',
@@ -47,7 +48,8 @@ export default class Index extends Component {
               credentials: 'same-origin',
               body: JSON.stringify({ token })
             })
-          }).then((res) => this.addDbListener())
+          })
+          .then(res => this.addDbListener())
       } else {
         this.setState({ user: null })
         // eslint-disable-next-line no-undef
@@ -65,21 +67,26 @@ export default class Index extends Component {
     db.settings({
       timestampsInSnapshots: true
     })
-    let unsubscribe = db.collection('messages').onSnapshot(querySnapshot => {
-      var messages = {}
-      querySnapshot.forEach(function (doc) {
-        messages[doc.id] = doc.data()
-      })
-      if (messages) this.setState({ messages })
-    }, (error) => {
-      console.error(error)
-    })
+    let unsubscribe = db.collection('messages').onSnapshot(
+      querySnapshot => {
+        var messages = {}
+        querySnapshot.forEach(function (doc) {
+          messages[doc.id] = doc.data()
+        })
+        if (messages) this.setState({ messages })
+      },
+      error => {
+        console.error(error)
+      }
+    )
     this.setState({ unsubscribe })
   }
 
   removeDbListener () {
     // firebase.database().ref('messages').off()
-    if (this.state.unsubscribe) { this.state.unsubscribe() }
+    if (this.state.unsubscribe) {
+      this.state.unsubscribe()
+    }
   }
 
   handleChange (event) {
@@ -94,10 +101,12 @@ export default class Index extends Component {
       timestampsInSnapshots: true
     })
     const date = new Date().getTime()
-    db.collection('messages').doc(`${date}`).set({
-      id: date,
-      text: this.state.value
-    })
+    db.collection('messages')
+      .doc(`${date}`)
+      .set({
+        id: date,
+        text: this.state.value
+      })
     this.setState({ value: '' })
   }
 
@@ -112,31 +121,32 @@ export default class Index extends Component {
   render () {
     const { user, value, messages } = this.state
 
-    return <div>
-      {
-        user
-          ? <button onClick={this.handleLogout}>Logout</button>
-          : <button onClick={this.handleLogin}>Login</button>
-      }
-      {
-        user &&
-        <div>
-          <form onSubmit={this.handleSubmit}>
-            <input
-              type={'text'}
-              onChange={this.handleChange}
-              placeholder={'add message...'}
-              value={value}
-            />
-          </form>
-          <ul>
-            {
-              messages &&
-              Object.keys(messages).map(key => <li key={key}>{messages[key].text}</li>)
-            }
-          </ul>
-        </div>
-      }
-    </div>
+    return (
+      <div>
+        {user ? (
+          <button onClick={this.handleLogout}>Logout</button>
+        ) : (
+          <button onClick={this.handleLogin}>Login</button>
+        )}
+        {user && (
+          <div>
+            <form onSubmit={this.handleSubmit}>
+              <input
+                type={'text'}
+                onChange={this.handleChange}
+                placeholder={'add message...'}
+                value={value}
+              />
+            </form>
+            <ul>
+              {messages &&
+                Object.keys(messages).map(key => (
+                  <li key={key}>{messages[key].text}</li>
+                ))}
+            </ul>
+          </div>
+        )}
+      </div>
+    )
   }
 }
diff --git a/examples/with-firebase-authentication/server.js b/examples/with-firebase-authentication/server.js
index 10919407..d53a5815 100644
--- a/examples/with-firebase-authentication/server.js
+++ b/examples/with-firebase-authentication/server.js
@@ -10,55 +10,61 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-const firebase = admin.initializeApp({
-  credential: admin.credential.cert(require('./credentials/server')),
-  databaseURL: '' // TODO database URL goes here
-}, 'server')
+const firebase = admin.initializeApp(
+  {
+    credential: admin.credential.cert(require('./credentials/server')),
+    databaseURL: '' // TODO database URL goes here
+  },
+  'server'
+)
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    server.use(bodyParser.json())
-    server.use(session({
+  server.use(bodyParser.json())
+  server.use(
+    session({
       secret: 'geheimnis',
       saveUninitialized: true,
-      store: new FileStore({path: '/tmp/sessions', secret: 'geheimnis'}),
+      store: new FileStore({ path: '/tmp/sessions', secret: 'geheimnis' }),
       resave: false,
       rolling: true,
       httpOnly: true,
       cookie: { maxAge: 604800000 } // week
-    }))
-
-    server.use((req, res, next) => {
-      req.firebaseServer = firebase
-      next()
     })
+  )
 
-    server.post('/api/login', (req, res) => {
-      if (!req.body) return res.sendStatus(400)
-
-      const token = req.body.token
-      firebase.auth().verifyIdToken(token)
-        .then((decodedToken) => {
-          req.session.decodedToken = decodedToken
-          return decodedToken
-        })
-        .then((decodedToken) => res.json({ status: true, decodedToken }))
-        .catch((error) => res.json({ error }))
-    })
-
-    server.post('/api/logout', (req, res) => {
-      req.session.decodedToken = null
-      res.json({ status: true })
-    })
-
-    server.get('*', (req, res) => {
-      return handle(req, res)
-    })
-
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  server.use((req, res, next) => {
+    req.firebaseServer = firebase
+    next()
   })
+
+  server.post('/api/login', (req, res) => {
+    if (!req.body) return res.sendStatus(400)
+
+    const token = req.body.token
+    firebase
+      .auth()
+      .verifyIdToken(token)
+      .then(decodedToken => {
+        req.session.decodedToken = decodedToken
+        return decodedToken
+      })
+      .then(decodedToken => res.json({ status: true, decodedToken }))
+      .catch(error => res.json({ error }))
+  })
+
+  server.post('/api/logout', (req, res) => {
+    req.session.decodedToken = null
+    res.json({ status: true })
+  })
+
+  server.get('*', (req, res) => {
+    return handle(req, res)
+  })
+
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
diff --git a/examples/with-flow/pages/_app.js b/examples/with-flow/pages/_app.js
index d43ab4fc..f06d244e 100644
--- a/examples/with-flow/pages/_app.js
+++ b/examples/with-flow/pages/_app.js
@@ -1,4 +1,4 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import Link from 'next/link'
 import React from 'react'
 
@@ -10,26 +10,32 @@ export default class MyApp extends App {
       pageProps = await Component.getInitialProps(ctx)
     }
 
-    return {pageProps}
+    return { pageProps }
   }
 
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <header>
           <nav>
-            <Link href='/'><a>Home</a></Link>|
-            <Link href='/about'><a>About</a></Link>|
-            <Link href='/contact'><a>Contact</a></Link>
+            <Link href='/'>
+              <a>Home</a>
+            </Link>
+            |
+            <Link href='/about'>
+              <a>About</a>
+            </Link>
+            |
+            <Link href='/contact'>
+              <a>Contact</a>
+            </Link>
           </nav>
         </header>
 
         <Component {...pageProps} />
 
-        <footer>
-          I`m here to stay
-        </footer>
+        <footer>I`m here to stay</footer>
       </Container>
     )
   }
diff --git a/examples/with-freactal/components/app.js b/examples/with-freactal/components/app.js
index b9904451..b18fd5dd 100644
--- a/examples/with-freactal/components/app.js
+++ b/examples/with-freactal/components/app.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { fetchUserRepos } from '../githubApi'
 import provideStateFactory from '../provideState'
 
-export default (Page) => {
+export default Page => {
   const App = ({ serverState }) => {
     const withState = provideStateFactory(serverState)
     const PageWithState = withState(Page)
diff --git a/examples/with-freactal/githubApi.js b/examples/with-freactal/githubApi.js
index df8412fc..fa7ea089 100644
--- a/examples/with-freactal/githubApi.js
+++ b/examples/with-freactal/githubApi.js
@@ -4,5 +4,6 @@ import 'isomorphic-unfetch'
 const API_BASE_URL = 'https://api.github.com'
 
 export const fetchUserRepos = (username, page = 1) =>
-  fetch(`${API_BASE_URL}/users/${username}/repos?page=${page}`)
-    .then(response => response.json())
+  fetch(`${API_BASE_URL}/users/${username}/repos?page=${page}`).then(response =>
+    response.json()
+  )
diff --git a/examples/with-freactal/pages/index.js b/examples/with-freactal/pages/index.js
index e7ca43af..d2150965 100644
--- a/examples/with-freactal/pages/index.js
+++ b/examples/with-freactal/pages/index.js
@@ -2,45 +2,49 @@ import React from 'react'
 import { injectState } from 'freactal'
 import app from '../components/app'
 
-const Index = injectState(({ state: { ajaxStatus, githubReposList }, effects }) => {
-  const fetchMore = () =>
-    effects.fetchGithubReposList(githubReposList.username, githubReposList.page + 1)
+const Index = injectState(
+  ({ state: { ajaxStatus, githubReposList }, effects }) => {
+    const fetchMore = () =>
+      effects.fetchGithubReposList(
+        githubReposList.username,
+        githubReposList.page + 1
+      )
 
-  return (
-    <div>
-      <h1>{`List of @${githubReposList.username}'s repositories`}</h1>
+    return (
+      <div>
+        <h1>{`List of @${githubReposList.username}'s repositories`}</h1>
 
-      <table>
-        <thead>
-          <tr>
-            <th>name</th>
-            <th>watchers</th>
-            <th>stars</th>
-            <th>forks</th>
-          </tr>
-        </thead>
-        <tbody>
-          {githubReposList.repos.map((repo) => (
-            <tr key={repo.id}>
-              <td>{repo.name}</td>
-              <td>{repo.watchers_count}</td>
-              <td>{repo.stargazers_count}</td>
-              <td>{repo.forks_count}</td>
+        <table>
+          <thead>
+            <tr>
+              <th>name</th>
+              <th>watchers</th>
+              <th>stars</th>
+              <th>forks</th>
             </tr>
-          ))}
-          <tr>
-            <td>&nbsp;</td>
-            <td colSpan='3'>
-              <button
-                onClick={fetchMore}
-                disabled={ajaxStatus}
-              >{ajaxStatus ? 'loading' : 'fetch more'}</button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  )
-})
+          </thead>
+          <tbody>
+            {githubReposList.repos.map(repo => (
+              <tr key={repo.id}>
+                <td>{repo.name}</td>
+                <td>{repo.watchers_count}</td>
+                <td>{repo.stargazers_count}</td>
+                <td>{repo.forks_count}</td>
+              </tr>
+            ))}
+            <tr>
+              <td>&nbsp;</td>
+              <td colSpan='3'>
+                <button onClick={fetchMore} disabled={ajaxStatus}>
+                  {ajaxStatus ? 'loading' : 'fetch more'}
+                </button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    )
+  }
+)
 
 export default app(Index)
diff --git a/examples/with-freactal/provideState.js b/examples/with-freactal/provideState.js
index 62f82647..f260b139 100644
--- a/examples/with-freactal/provideState.js
+++ b/examples/with-freactal/provideState.js
@@ -1,26 +1,28 @@
 import { provideState, update } from 'freactal'
 import { fetchUserRepos } from './githubApi'
 
-export default serverState => provideState({
-  initialState: () => ({
-    ...serverState,
-    ajaxStatus: false
-  }),
+export default serverState =>
+  provideState({
+    initialState: () => ({
+      ...serverState,
+      ajaxStatus: false
+    }),
 
-  effects: {
-    setAjaxLoader: update((state, ajaxStatus) => ({ ajaxStatus })),
+    effects: {
+      setAjaxLoader: update((state, ajaxStatus) => ({ ajaxStatus })),
 
-    fetchGithubReposList: (effects, username, page) =>
-      effects.setAjaxLoader(true)
-        .then(() => fetchUserRepos(username, page))
-        .then((repos) => effects.setAjaxLoader(false).then(() => repos))
-        .then((repos) => (state) => ({
-          ...state,
-          githubReposList: {
-            username,
-            page,
-            repos: state.githubReposList.repos.concat(repos)
-          }
-        }))
-  }
-})
+      fetchGithubReposList: (effects, username, page) =>
+        effects
+          .setAjaxLoader(true)
+          .then(() => fetchUserRepos(username, page))
+          .then(repos => effects.setAjaxLoader(false).then(() => repos))
+          .then(repos => state => ({
+            ...state,
+            githubReposList: {
+              username,
+              page,
+              repos: state.githubReposList.repos.concat(repos)
+            }
+          }))
+    }
+  })
diff --git a/examples/with-glamorous/pages/index.js b/examples/with-glamorous/pages/index.js
index 756ee268..e7090996 100644
--- a/examples/with-glamorous/pages/index.js
+++ b/examples/with-glamorous/pages/index.js
@@ -10,7 +10,14 @@ if (typeof window !== 'undefined') {
 }
 
 export default () => {
-  css.global('html, body', { padding: '3rem 1rem', margin: 0, background: 'papayawhip', minHeight: '100%', fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '24px' })
+  css.global('html, body', {
+    padding: '3rem 1rem',
+    margin: 0,
+    background: 'papayawhip',
+    minHeight: '100%',
+    fontFamily: 'Helvetica, Arial, sans-serif',
+    fontSize: '24px'
+  })
 
   const basicStyles = {
     backgroundColor: 'white',
@@ -52,15 +59,11 @@ export default () => {
 
   return (
     <div>
-      <Basic>
-        Cool Styles
-      </Basic>
+      <Basic>Cool Styles</Basic>
       <Combined>
         With <code>:hover</code>.
       </Combined>
-      <Animated>
-        Let's bounce.
-      </Animated>
+      <Animated>Let's bounce.</Animated>
     </div>
   )
 }
diff --git a/examples/with-google-analytics/pages/_document.js b/examples/with-google-analytics/pages/_document.js
index 27b8a85d..9e4a4a95 100644
--- a/examples/with-google-analytics/pages/_document.js
+++ b/examples/with-google-analytics/pages/_document.js
@@ -28,7 +28,8 @@ export default class extends Document {
             gtag('js', new Date());
 
             gtag('config', '${GA_TRACKING_ID}');
-          `}}
+          `
+            }}
           />
         </Head>
         <body>
diff --git a/examples/with-immutable-redux-wrapper/components/AddCount.js b/examples/with-immutable-redux-wrapper/components/AddCount.js
index d3e8c2bb..8a80e29a 100644
--- a/examples/with-immutable-redux-wrapper/components/AddCount.js
+++ b/examples/with-immutable-redux-wrapper/components/AddCount.js
@@ -1,5 +1,5 @@
 /* eslint-disable */
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { addCount } from '../store'
@@ -9,7 +9,7 @@ class AddCount extends Component {
     this.props.addCount()
   }
 
-  render () {
+  render() {
     const { count } = this.props
     return (
       <div>
@@ -17,20 +17,25 @@ class AddCount extends Component {
           div {
             padding: 0 0 20px 0;
           }
-      `}</style>
-        <h1>AddCount: <span>{count}</span></h1>
+        `}</style>
+        <h1>
+          AddCount: <span>{count}</span>
+        </h1>
         <button onClick={this.add}>Add To Count</button>
       </div>
     )
   }
 }
 
-const mapStateToProps = (state => ({ count: state.get('count') }))
+const mapStateToProps = state => ({ count: state.get('count') })
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch)
   }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(AddCount)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(AddCount)
diff --git a/examples/with-immutable-redux-wrapper/components/Clock.js b/examples/with-immutable-redux-wrapper/components/Clock.js
index d8e05cea..9fb286e1 100644
--- a/examples/with-immutable-redux-wrapper/components/Clock.js
+++ b/examples/with-immutable-redux-wrapper/components/Clock.js
@@ -6,7 +6,7 @@ export default ({ lastUpdate, light }) => {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
@@ -19,6 +19,7 @@ export default ({ lastUpdate, light }) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-immutable-redux-wrapper/components/Page.js b/examples/with-immutable-redux-wrapper/components/Page.js
index d7067a32..fb09474e 100644
--- a/examples/with-immutable-redux-wrapper/components/Page.js
+++ b/examples/with-immutable-redux-wrapper/components/Page.js
@@ -13,7 +13,9 @@ export default connect(state => ({
       <Clock lastUpdate={lastUpdate} light={light} />
       <AddCount />
       <nav>
-        <Link href={linkTo}><a>Navigate</a></Link>
+        <Link href={linkTo}>
+          <a>Navigate</a>
+        </Link>
       </nav>
     </div>
   )
diff --git a/examples/with-immutable-redux-wrapper/pages/index.js b/examples/with-immutable-redux-wrapper/pages/index.js
index a6d599b6..1e69a7c1 100644
--- a/examples/with-immutable-redux-wrapper/pages/index.js
+++ b/examples/with-immutable-redux-wrapper/pages/index.js
@@ -21,17 +21,18 @@ class Counter extends React.Component {
   }
 
   render () {
-    return (
-      <Page title='Index Page' linkTo='/other' />
-    )
+    return <Page title='Index Page' linkTo='/other' />
   }
 }
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch),
     startClock: bindActionCreators(startClock, dispatch)
   }
 }
 
-export default connect(null, mapDispatchToProps)(Counter)
+export default connect(
+  null,
+  mapDispatchToProps
+)(Counter)
diff --git a/examples/with-immutable-redux-wrapper/pages/other.js b/examples/with-immutable-redux-wrapper/pages/other.js
index 84632de2..a69ca35a 100644
--- a/examples/with-immutable-redux-wrapper/pages/other.js
+++ b/examples/with-immutable-redux-wrapper/pages/other.js
@@ -20,17 +20,18 @@ class Counter extends React.Component {
   }
 
   render () {
-    return (
-      <Page title='Other Page' linkTo='/' />
-    )
+    return <Page title='Other Page' linkTo='/' />
   }
 }
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch),
     startClock: bindActionCreators(startClock, dispatch)
   }
 }
 
-export default connect(null, mapDispatchToProps)(Counter)
+export default connect(
+  null,
+  mapDispatchToProps
+)(Counter)
diff --git a/examples/with-immutable-redux-wrapper/store.js b/examples/with-immutable-redux-wrapper/store.js
index d945e01d..2c6a1f6e 100644
--- a/examples/with-immutable-redux-wrapper/store.js
+++ b/examples/with-immutable-redux-wrapper/store.js
@@ -28,17 +28,21 @@ export const reducer = (state = exampleInitialState, action) => {
         count: state.get('count') + 1
       })
 
-    default: return state
+    default:
+      return state
   }
 }
 
 // ACTIONS
-export const serverRenderClock = (isServer) => dispatch => {
+export const serverRenderClock = isServer => dispatch => {
   return dispatch({ type: actionTypes.TICK, light: !isServer, ts: Date.now() })
 }
 
 export const startClock = () => dispatch => {
-  return setInterval(() => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }), 1000)
+  return setInterval(
+    () => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }),
+    1000
+  )
 }
 
 export const addCount = () => dispatch => {
@@ -46,5 +50,9 @@ export const addCount = () => dispatch => {
 }
 
 export const makeStore = (initialState = exampleInitialState) => {
-  return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
+  return createStore(
+    reducer,
+    initialState,
+    composeWithDevTools(applyMiddleware(thunkMiddleware))
+  )
 }
diff --git a/examples/with-ioc/__tests__/blog.page_with_provide.test.js b/examples/with-ioc/__tests__/blog.page_with_provide.test.js
index b826a2db..2bccaa4f 100644
--- a/examples/with-ioc/__tests__/blog.page_with_provide.test.js
+++ b/examples/with-ioc/__tests__/blog.page_with_provide.test.js
@@ -21,14 +21,14 @@ import App from '../pages/blog.js'
 
 describe('With Enzyme', () => {
   it('Blog renders components', () => {
-    const app = shallow(<App post={{title: 'Hi There!'}} />).dive()
+    const app = shallow(<App post={{ title: 'Hi There!' }} />).dive()
     expect(app.find('h1').text()).toEqual('Hi There!')
   })
 })
 
 describe('With Snapshot Testing', () => {
   it('Blog renders components', () => {
-    const component = renderer.create(<App post={{title: 'Hi There!'}} />)
+    const component = renderer.create(<App post={{ title: 'Hi There!' }} />)
     const tree = component.toJSON()
     expect(tree).toMatchSnapshot()
   })
diff --git a/examples/with-ioc/__tests__/endpoint.component_with_inject.test.js b/examples/with-ioc/__tests__/endpoint.component_with_inject.test.js
index 472c8170..1c33af1e 100644
--- a/examples/with-ioc/__tests__/endpoint.component_with_inject.test.js
+++ b/examples/with-ioc/__tests__/endpoint.component_with_inject.test.js
@@ -23,13 +23,25 @@ describe('With Enzyme', () => {
     const injected = shallow(<Component Link={() => {}} />)
     const component = injected.dive()
     expect(component.find('h3').text()).toEqual('Endpoint')
-    expect(component.find('Link').first().find('a').text()).toEqual('About: foo baz')
+    expect(
+      component
+        .find('Link')
+        .first()
+        .find('a')
+        .text()
+    ).toEqual('About: foo baz')
   })
 })
 
 describe('With Snapshot Testing', () => {
   it('Blog renders components', () => {
-    const component = renderer.create(<Component Link={(props) => <div comment={'mocked Link component'}>{props.children}</div>} />)
+    const component = renderer.create(
+      <Component
+        Link={props => (
+          <div comment={'mocked Link component'}>{props.children}</div>
+        )}
+      />
+    )
     const tree = component.toJSON()
     expect(tree).toMatchSnapshot()
   })
diff --git a/examples/with-ioc/__tests__/index.page_without_provide.test.js b/examples/with-ioc/__tests__/index.page_without_provide.test.js
index 1642d0cf..2a124a8d 100644
--- a/examples/with-ioc/__tests__/index.page_without_provide.test.js
+++ b/examples/with-ioc/__tests__/index.page_without_provide.test.js
@@ -13,7 +13,12 @@ import App from '../pages/index.js'
 describe('With Enzyme', () => {
   it('App shows "Menu"', () => {
     const app = shallow(<App />)
-    expect(app.find('li a').first().text()).toEqual('Blog: Hello world')
+    expect(
+      app
+        .find('li a')
+        .first()
+        .text()
+    ).toEqual('Blog: Hello world')
   })
 })
 
diff --git a/examples/with-ioc/components/component1.js b/examples/with-ioc/components/component1.js
index 0521692e..aef65c66 100644
--- a/examples/with-ioc/components/component1.js
+++ b/examples/with-ioc/components/component1.js
@@ -2,7 +2,9 @@ import React from 'react'
 import Component2 from './component2'
 
 export default () => (
-  <div style={{ marginTop: '5px', border: '1px dotted #ff0000', padding: '10px' }}>
+  <div
+    style={{ marginTop: '5px', border: '1px dotted #ff0000', padding: '10px' }}
+  >
     <h3>Component1</h3>
     Knows nothing about any custom `Link` or `Router` components or prop
     <Component2 />
diff --git a/examples/with-ioc/components/component2.js b/examples/with-ioc/components/component2.js
index bcb8612f..bdfdd402 100644
--- a/examples/with-ioc/components/component2.js
+++ b/examples/with-ioc/components/component2.js
@@ -3,7 +3,9 @@ import Endpoint from './endpoint'
 import EndButton from './endbutton'
 
 export default () => (
-  <div style={{ marginTop: '5px', border: '1px dashed #0000ff', padding: '10px' }}>
+  <div
+    style={{ marginTop: '5px', border: '1px dashed #0000ff', padding: '10px' }}
+  >
     <h3>Component2</h3>
     Knows nothing about any custom `Link` or `Router` components or prop
     <Endpoint />
diff --git a/examples/with-ioc/components/endbutton.js b/examples/with-ioc/components/endbutton.js
index 171f908b..de8ff298 100644
--- a/examples/with-ioc/components/endbutton.js
+++ b/examples/with-ioc/components/endbutton.js
@@ -6,15 +6,23 @@ import PropTypes from 'prop-types'
   Router: PropTypes.object
 })
 export default class extends React.Component {
-  render () {
+  render() {
     const { Router } = this.props
 
     return (
-      <div style={{ marginTop: '5px', border: '1px dashed #00ff00', padding: '10px' }}>
+      <div
+        style={{
+          marginTop: '5px',
+          border: '1px dashed #00ff00',
+          padding: '10px'
+        }}
+      >
         <h3>EndButton</h3>
         Uses injected `Router` component without direct dependency on one
         <br />
-        <button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>Route to About foo bar</button>
+        <button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>
+          Route to About foo bar
+        </button>
         <br />
         <button onClick={() => Router.pushRoute('/')}>go Home</button>
       </div>
diff --git a/examples/with-ioc/components/endpoint.js b/examples/with-ioc/components/endpoint.js
index 7c7311f9..7d2909c2 100644
--- a/examples/with-ioc/components/endpoint.js
+++ b/examples/with-ioc/components/endpoint.js
@@ -12,17 +12,27 @@ export default class extends React.Component {
     Link: PropTypes.func.isRequired
   }
 
-  render () {
+  render() {
     const { Link } = this.props
 
     return (
-      <div style={{ marginTop: '5px', border: '1px dashed #00ff00', padding: '10px' }}>
+      <div
+        style={{
+          marginTop: '5px',
+          border: '1px dashed #00ff00',
+          padding: '10px'
+        }}
+      >
         <h3>Endpoint</h3>
         Uses injected `Link` component without direct dependency on one
         <br />
-        <Link route='about' params={{ foo: 'baz' }}><a>About: foo baz</a></Link>
+        <Link route="about" params={{ foo: 'baz' }}>
+          <a>About: foo baz</a>
+        </Link>
         <br />
-        <Link route='/'><a>go Home</a></Link>
+        <Link route="/">
+          <a>go Home</a>
+        </Link>
       </div>
     )
   }
diff --git a/examples/with-ioc/pages/about.js b/examples/with-ioc/pages/about.js
index 78f37510..f58da8ac 100644
--- a/examples/with-ioc/pages/about.js
+++ b/examples/with-ioc/pages/about.js
@@ -1 +1,3 @@
-export default props => <h1>About foo – no `Link` ({typeof props.Link}) available here</h1>
+export default props => (
+  <h1>About foo – no `Link` ({typeof props.Link}) available here</h1>
+)
diff --git a/examples/with-ioc/pages/blog.js b/examples/with-ioc/pages/blog.js
index 840e0994..b6bf22c5 100644
--- a/examples/with-ioc/pages/blog.js
+++ b/examples/with-ioc/pages/blog.js
@@ -16,7 +16,7 @@ const posts = [
   Router
 })
 export default class extends React.Component {
-  static async getInitialProps ({ query, res }) {
+  static async getInitialProps({ query, res }) {
     const post = posts.find(post => post.slug === query.slug)
 
     if (!post && res) {
@@ -26,7 +26,7 @@ export default class extends React.Component {
     return { post }
   }
 
-  render () {
+  render() {
     const { post } = this.props
 
     if (!post) return <h1>Post not found</h1>
diff --git a/examples/with-ioc/pages/index.js b/examples/with-ioc/pages/index.js
index 4379efcc..d00add88 100644
--- a/examples/with-ioc/pages/index.js
+++ b/examples/with-ioc/pages/index.js
@@ -2,10 +2,30 @@ import { Link, Router } from '../routes'
 
 export default () => (
   <ul>
-    <li><Link route='blog' params={{ slug: 'hello-world' }}><a>Blog: Hello world</a></Link></li>
-    <li><Link route='blog' params={{ slug: 'another-blog-post' }}><a>Blog: Another blog post</a></Link></li>
-    <li><Link route='blog' params={{ slug: 'non-existant' }}><a>Blog: Not found</a></Link></li>
-    <li><button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>About foo bar</button></li>
-    <li><button onClick={() => Router.pushRoute('about', { foo: 'baz' })}>About foo baz</button></li>
+    <li>
+      <Link route="blog" params={{ slug: 'hello-world' }}>
+        <a>Blog: Hello world</a>
+      </Link>
+    </li>
+    <li>
+      <Link route="blog" params={{ slug: 'another-blog-post' }}>
+        <a>Blog: Another blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link route="blog" params={{ slug: 'non-existant' }}>
+        <a>Blog: Not found</a>
+      </Link>
+    </li>
+    <li>
+      <button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>
+        About foo bar
+      </button>
+    </li>
+    <li>
+      <button onClick={() => Router.pushRoute('about', { foo: 'baz' })}>
+        About foo baz
+      </button>
+    </li>
   </ul>
 )
diff --git a/examples/with-ioc/routes.js b/examples/with-ioc/routes.js
index 85f60858..41ea20d1 100644
--- a/examples/with-ioc/routes.js
+++ b/examples/with-ioc/routes.js
@@ -1,5 +1,5 @@
 const nextRoutes = require('next-routes')
-const routes = module.exports = nextRoutes()
+const routes = (module.exports = nextRoutes())
 
 routes.add('blog', '/blog/:slug')
 routes.add('about', '/about-us/:foo(bar|baz)')
diff --git a/examples/with-ioc/server.js b/examples/with-ioc/server.js
index 59964a7a..9cd10606 100644
--- a/examples/with-ioc/server.js
+++ b/examples/with-ioc/server.js
@@ -7,11 +7,9 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handler = routes.getRequestHandler(app)
 
-app.prepare()
-  .then(() => {
-    createServer(handler)
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer(handler).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-jest-typescript/jest.config.js b/examples/with-jest-typescript/jest.config.js
index bb88ced3..8c067721 100644
--- a/examples/with-jest-typescript/jest.config.js
+++ b/examples/with-jest-typescript/jest.config.js
@@ -6,11 +6,7 @@ module.exports = {
   transform: {
     '^.+\\.tsx?$': 'babel-jest'
   },
-  testPathIgnorePatterns: [
-    '<rootDir>/.next/', '<rootDir>/node_modules/'
-  ],
-  moduleFileExtensions: [
-    'ts', 'tsx', 'js', 'jsx'
-  ],
+  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   collectCoverage: true
 }
diff --git a/examples/with-jest-typescript/jest.setup.js b/examples/with-jest-typescript/jest.setup.js
index c2bb88ff..79ef380f 100644
--- a/examples/with-jest-typescript/jest.setup.js
+++ b/examples/with-jest-typescript/jest.setup.js
@@ -1,4 +1,4 @@
 const Enzyme = require('enzyme')
 const Adapter = require('enzyme-adapter-react-16')
 
-Enzyme.configure({adapter: new Adapter()})
+Enzyme.configure({ adapter: new Adapter() })
diff --git a/examples/with-kea/pages/_app.js b/examples/with-kea/pages/_app.js
index 8c87bd8e..712059a7 100644
--- a/examples/with-kea/pages/_app.js
+++ b/examples/with-kea/pages/_app.js
@@ -6,12 +6,14 @@ import { initStore } from '../store'
 
 @withRedux(initStore, { debug: process.env.NODE_ENV === 'development' })
 export default class MyApp extends App {
-  static async getInitialProps ({Component, ctx}) {
-    const pageProps = Component.getInitialProps ? await Component.getInitialProps(ctx) : {}
+  static async getInitialProps({ Component, ctx }) {
+    const pageProps = Component.getInitialProps
+      ? await Component.getInitialProps(ctx)
+      : {}
     return { pageProps }
   }
 
-  render () {
+  render() {
     const { Component, pageProps, store } = this.props
     return (
       <Container>
diff --git a/examples/with-kea/pages/index.js b/examples/with-kea/pages/index.js
index 336ac721..dbe1d641 100644
--- a/examples/with-kea/pages/index.js
+++ b/examples/with-kea/pages/index.js
@@ -26,14 +26,17 @@ import { kea } from 'kea'
     ]
   })
 })
-
 export default class App extends React.Component {
-  render () {
+  render() {
     return (
       <div>
         <p>Double Counter: {this.props.doubleCounter}</p>
-        <button type='button' onClick={() => this.actions.increment(1)}>Increment</button>
-        <button type='button' onClick={() => this.actions.decrement(1)}>Decrement</button>
+        <button type="button" onClick={() => this.actions.increment(1)}>
+          Increment
+        </button>
+        <button type="button" onClick={() => this.actions.decrement(1)}>
+          Decrement
+        </button>
       </div>
     )
   }
diff --git a/examples/with-kea/store.js b/examples/with-kea/store.js
index e9c59f83..9bbe8bf1 100644
--- a/examples/with-kea/store.js
+++ b/examples/with-kea/store.js
@@ -11,8 +11,5 @@ const reduxDevTools =
     : f => f
 
 export const initStore = () => {
-  return createStore(
-    reducers,
-    compose(reduxDevTools)
-  )
+  return createStore(reducers, compose(reduxDevTools))
 }
diff --git a/examples/with-loading/pages/_app.js b/examples/with-loading/pages/_app.js
index 0071bbb3..0c642e10 100644
--- a/examples/with-loading/pages/_app.js
+++ b/examples/with-loading/pages/_app.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import Link from 'next/link'
 import NProgress from 'nprogress'
 import Router from 'next/router'
@@ -8,7 +8,7 @@ const linkStyle = {
   margin: '0 10px 0 0'
 }
 
-Router.events.on('routeChangeStart', (url) => {
+Router.events.on('routeChangeStart', url => {
   console.log(`Loading: ${url}`)
   NProgress.start()
 })
@@ -23,18 +23,26 @@ export default class MyApp extends App {
       pageProps = await Component.getInitialProps(ctx)
     }
 
-    return {pageProps}
+    return { pageProps }
   }
 
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <div style={{ marginBottom: 20 }}>
-          <Link href='/'><a style={linkStyle}>Home</a></Link>
-          <Link href='/about'><a style={linkStyle}>About</a></Link>
-          <Link href='/forever'><a style={linkStyle}>Forever</a></Link>
-          <Link href='/non-existing'><a style={linkStyle}>Non Existing Page</a></Link>
+          <Link href='/'>
+            <a style={linkStyle}>Home</a>
+          </Link>
+          <Link href='/about'>
+            <a style={linkStyle}>About</a>
+          </Link>
+          <Link href='/forever'>
+            <a style={linkStyle}>Forever</a>
+          </Link>
+          <Link href='/non-existing'>
+            <a style={linkStyle}>Non Existing Page</a>
+          </Link>
         </div>
 
         <Component {...pageProps} />
diff --git a/examples/with-loading/pages/about.js b/examples/with-loading/pages/about.js
index e6bd416b..28cc00b0 100644
--- a/examples/with-loading/pages/about.js
+++ b/examples/with-loading/pages/about.js
@@ -3,7 +3,7 @@ import React, { Component } from 'react'
 export default class About extends Component {
   // Add some delay
   static async getInitialProps () {
-    await new Promise((resolve) => {
+    await new Promise(resolve => {
       setTimeout(resolve, 500)
     })
     return {}
diff --git a/examples/with-loading/pages/forever.js b/examples/with-loading/pages/forever.js
index adac4177..441f6602 100644
--- a/examples/with-loading/pages/forever.js
+++ b/examples/with-loading/pages/forever.js
@@ -3,7 +3,7 @@ import React, { Component } from 'react'
 export default class Forever extends Component {
   // Add some delay
   static async getInitialProps () {
-    await new Promise((resolve) => {
+    await new Promise(resolve => {
       setTimeout(resolve, 3000)
     })
     return {}
diff --git a/examples/with-markdown/next.config.js b/examples/with-markdown/next.config.js
index b171ff08..106e1444 100644
--- a/examples/with-markdown/next.config.js
+++ b/examples/with-markdown/next.config.js
@@ -3,10 +3,7 @@ const emoji = require('remark-emoji')
 
 const withMDX = require('@zeit/next-mdx')({
   options: {
-    mdPlugins: [
-      images,
-      emoji
-    ]
+    mdPlugins: [images, emoji]
   }
 })
 
diff --git a/examples/with-markdown/pages/index.js b/examples/with-markdown/pages/index.js
index 3b9a6734..6aad3964 100644
--- a/examples/with-markdown/pages/index.js
+++ b/examples/with-markdown/pages/index.js
@@ -2,8 +2,14 @@ import React from 'react'
 import Document from '../md/markdown.mdx'
 
 const H1 = props => <h1 style={{ color: 'tomato' }} {...props} />
-const InlineCode = props => <code id='codes' style={{ color: 'purple' }} {...props} />
+const InlineCode = props => (
+  <code id='codes' style={{ color: 'purple' }} {...props} />
+)
 const Code = props => <code id='codes' style={{ fontWeight: 600 }} {...props} />
 const Pre = props => <pre id='codes' style={{ color: 'red' }} {...props} />
 
-export default () => <Document components={{ h1: H1, pre: Pre, code: Code, inlineCode: InlineCode }} />
+export default () => (
+  <Document
+    components={{ h1: H1, pre: Pre, code: Code, inlineCode: InlineCode }}
+  />
+)
diff --git a/examples/with-mdx/components/button.js b/examples/with-mdx/components/button.js
index 035fbf70..ec9ad173 100644
--- a/examples/with-mdx/components/button.js
+++ b/examples/with-mdx/components/button.js
@@ -1,12 +1,14 @@
 export default ({ children }) => (
-  <button style={{
-    borderRadius: '3px',
-    border: '1px solid black',
-    color: 'black',
-    padding: '0.5em 1em',
-    cursor: 'pointer',
-    fontSize: '1.1em'
-  }}>
+  <button
+    style={{
+      borderRadius: '3px',
+      border: '1px solid black',
+      color: 'black',
+      padding: '0.5em 1em',
+      cursor: 'pointer',
+      fontSize: '1.1em'
+    }}
+  >
     {children}
   </button>
 )
diff --git a/examples/with-mobx-state-tree/components/Clock.js b/examples/with-mobx-state-tree/components/Clock.js
index caf28808..c821ed36 100644
--- a/examples/with-mobx-state-tree/components/Clock.js
+++ b/examples/with-mobx-state-tree/components/Clock.js
@@ -1,11 +1,11 @@
-export default (props) => {
+export default props => {
   return (
     <div className={props.light ? 'light' : ''}>
       {format(new Date(props.lastUpdate))}
       <style jsx>{`
         div {
           padding: 15px;
-          color: #82FA58;
+          color: #82fa58;
           display: inline-block;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
@@ -19,6 +19,7 @@ export default (props) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-mobx-state-tree/components/SampleComponent.js b/examples/with-mobx-state-tree/components/SampleComponent.js
index 3ce342d2..744b5bda 100644
--- a/examples/with-mobx-state-tree/components/SampleComponent.js
+++ b/examples/with-mobx-state-tree/components/SampleComponent.js
@@ -18,9 +18,14 @@ class SampleComponent extends React.Component {
     return (
       <div>
         <h1>{this.props.title}</h1>
-        <Clock lastUpdate={this.props.store.lastUpdate} light={this.props.store.light} />
+        <Clock
+          lastUpdate={this.props.store.lastUpdate}
+          light={this.props.store.light}
+        />
         <nav>
-          <Link href={this.props.linkTo}><a>Navigate</a></Link>
+          <Link href={this.props.linkTo}>
+            <a>Navigate</a>
+          </Link>
         </nav>
       </div>
     )
diff --git a/examples/with-mobx-state-tree/pages/_app.js b/examples/with-mobx-state-tree/pages/_app.js
index 829f9f15..249a4ab6 100644
--- a/examples/with-mobx-state-tree/pages/_app.js
+++ b/examples/with-mobx-state-tree/pages/_app.js
@@ -10,7 +10,7 @@ export default class MyApp extends App {
     // Use getInitialProps as a step in the lifecycle when
     // we can initialize our store
     //
-    const isServer = (typeof window === 'undefined')
+    const isServer = typeof window === 'undefined'
     const store = initializeStore(isServer)
     //
     // Check whether the page being rendered by the App has a
diff --git a/examples/with-mobx-state-tree/pages/index.js b/examples/with-mobx-state-tree/pages/index.js
index f16006af..1c9f7d8c 100644
--- a/examples/with-mobx-state-tree/pages/index.js
+++ b/examples/with-mobx-state-tree/pages/index.js
@@ -2,7 +2,5 @@ import React from 'react'
 import SampleComponent from '../components/SampleComponent'
 
 export default () => {
-  return (
-    <SampleComponent title='Index Page' linkTo='/other' />
-  )
+  return <SampleComponent title='Index Page' linkTo='/other' />
 }
diff --git a/examples/with-mobx-state-tree/pages/other.js b/examples/with-mobx-state-tree/pages/other.js
index 97715818..cf91930b 100644
--- a/examples/with-mobx-state-tree/pages/other.js
+++ b/examples/with-mobx-state-tree/pages/other.js
@@ -2,7 +2,5 @@ import React from 'react'
 import SampleComponent from '../components/SampleComponent'
 
 export default () => {
-  return (
-    <SampleComponent title={'Other Page'} linkTo='/' />
-  )
+  return <SampleComponent title={'Other Page'} linkTo='/' />
 }
diff --git a/examples/with-mobx-state-tree/stores/store.js b/examples/with-mobx-state-tree/stores/store.js
index b9cb25ee..7c2d3428 100644
--- a/examples/with-mobx-state-tree/stores/store.js
+++ b/examples/with-mobx-state-tree/stores/store.js
@@ -7,7 +7,7 @@ const Store = types
     lastUpdate: types.Date,
     light: false
   })
-  .actions((self) => {
+  .actions(self => {
     let timer
     function start () {
       timer = setInterval(() => {
diff --git a/examples/with-mobx/components/Clock.js b/examples/with-mobx/components/Clock.js
index caf28808..c821ed36 100644
--- a/examples/with-mobx/components/Clock.js
+++ b/examples/with-mobx/components/Clock.js
@@ -1,11 +1,11 @@
-export default (props) => {
+export default props => {
   return (
     <div className={props.light ? 'light' : ''}>
       {format(new Date(props.lastUpdate))}
       <style jsx>{`
         div {
           padding: 15px;
-          color: #82FA58;
+          color: #82fa58;
           display: inline-block;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
@@ -19,6 +19,7 @@ export default (props) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-mobx/components/Page.js b/examples/with-mobx/components/Page.js
index d31fcf44..80b6bd21 100644
--- a/examples/with-mobx/components/Page.js
+++ b/examples/with-mobx/components/Page.js
@@ -3,23 +3,29 @@ import Link from 'next/link'
 import { inject, observer } from 'mobx-react'
 import Clock from './Clock'
 
-@inject('store') @observer
+@inject('store')
+@observer
 class Page extends React.Component {
-  componentDidMount () {
+  componentDidMount() {
     this.props.store.start()
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     this.props.store.stop()
   }
 
-  render () {
+  render() {
     return (
       <div>
         <h1>{this.props.title}</h1>
-        <Clock lastUpdate={this.props.store.lastUpdate} light={this.props.store.light} />
+        <Clock
+          lastUpdate={this.props.store.lastUpdate}
+          light={this.props.store.light}
+        />
         <nav>
-          <Link href={this.props.linkTo}><a>Navigate</a></Link>
+          <Link href={this.props.linkTo}>
+            <a>Navigate</a>
+          </Link>
         </nav>
       </div>
     )
diff --git a/examples/with-mobx/pages/_app.js b/examples/with-mobx/pages/_app.js
index 32921ffd..ef5d8e75 100644
--- a/examples/with-mobx/pages/_app.js
+++ b/examples/with-mobx/pages/_app.js
@@ -1,41 +1,41 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import { initializeStore } from '../store'
 import { Provider } from 'mobx-react'
 
 class MyMobxApp extends App {
-    static async getInitialProps(appContext) {
-        // Get or Create the store with `undefined` as initialState
-        // This allows you to set a custom default initialState
-        const mobxStore = initializeStore()
-        // Provide the store to getInitialProps of pages
-        appContext.ctx.mobxStore = mobxStore
+  static async getInitialProps(appContext) {
+    // Get or Create the store with `undefined` as initialState
+    // This allows you to set a custom default initialState
+    const mobxStore = initializeStore()
+    // Provide the store to getInitialProps of pages
+    appContext.ctx.mobxStore = mobxStore
 
-        let appProps = await App.getInitialProps(appContext)
+    let appProps = await App.getInitialProps(appContext)
 
-        return {
-            ...appProps,
-            initialMobxState: mobxStore
-        };
+    return {
+      ...appProps,
+      initialMobxState: mobxStore
     }
+  }
 
-    constructor(props) {
-        super(props)
-        const isServer = typeof window === 'undefined'
-        this.mobxStore = isServer ?
-            props.initialMobxState:
-            initializeStore(props.initialMobxState)
-    }
+  constructor(props) {
+    super(props)
+    const isServer = typeof window === 'undefined'
+    this.mobxStore = isServer
+      ? props.initialMobxState
+      : initializeStore(props.initialMobxState)
+  }
 
-    render() {
-        const { Component, pageProps } = this.props
-        return (
-            <Container>
-                <Provider store={this.mobxStore}>
-                    <Component {...pageProps} />
-                </Provider>
-            </Container>
-        );
-    }
+  render() {
+    const { Component, pageProps } = this.props
+    return (
+      <Container>
+        <Provider store={this.mobxStore}>
+          <Component {...pageProps} />
+        </Provider>
+      </Container>
+    )
+  }
 }
 export default MyMobxApp
diff --git a/examples/with-mobx/pages/index.js b/examples/with-mobx/pages/index.js
index dfc06b62..01e1805c 100644
--- a/examples/with-mobx/pages/index.js
+++ b/examples/with-mobx/pages/index.js
@@ -2,9 +2,7 @@ import React from 'react'
 import Page from '../components/Page'
 
 export default class Counter extends React.Component {
-  render () {
-    return (
-      <Page title='Index Page' linkTo='/other' />
-    )
+  render() {
+    return <Page title="Index Page" linkTo="/other" />
   }
 }
diff --git a/examples/with-mobx/pages/other.js b/examples/with-mobx/pages/other.js
index cb6798e6..22894a81 100644
--- a/examples/with-mobx/pages/other.js
+++ b/examples/with-mobx/pages/other.js
@@ -2,9 +2,7 @@ import React from 'react'
 import Page from '../components/Page'
 
 export default class Counter extends React.Component {
-  render () {
-    return (
-      <Page title='Other Page' linkTo='/' />
-    )
+  render() {
+    return <Page title="Other Page" linkTo="/" />
   }
 }
diff --git a/examples/with-mobx/store.js b/examples/with-mobx/store.js
index c3e96b08..7ff8f48a 100644
--- a/examples/with-mobx/store.js
+++ b/examples/with-mobx/store.js
@@ -8,8 +8,9 @@ class Store {
   @observable lastUpdate = 0
   @observable light = false
 
-  constructor (isServer, initialData = {}) {
-    this.lastUpdate = initialData.lastUpdate != null ? initialData.lastUpdate : Date.now()
+  constructor(isServer, initialData = {}) {
+    this.lastUpdate =
+      initialData.lastUpdate != null ? initialData.lastUpdate : Date.now()
     this.light = !!initialData.light
   }
 
@@ -23,9 +24,8 @@ class Store {
   stop = () => clearInterval(this.timer)
 }
 
-
 let store = null
-export function initializeStore (initialData) {
+export function initializeStore(initialData) {
   // Always make a new store if server, otherwise state is shared between requests
   if (isServer) {
     return new Store(isServer, initialData)
diff --git a/examples/with-next-css/pages/index.js b/examples/with-next-css/pages/index.js
index 1c8ec8c0..b856ab54 100644
--- a/examples/with-next-css/pages/index.js
+++ b/examples/with-next-css/pages/index.js
@@ -1,4 +1,3 @@
-
 /* Without CSS Modules, maybe with PostCSS */
 
 import '../style.css'
diff --git a/examples/with-next-routes/pages/about.js b/examples/with-next-routes/pages/about.js
index d23094ad..b843bdba 100644
--- a/examples/with-next-routes/pages/about.js
+++ b/examples/with-next-routes/pages/about.js
@@ -1,5 +1,5 @@
 import { withRouter } from 'next/router'
 
-const About = ({router}) => <h1>About foo {router.query.foo}</h1>
+const About = ({ router }) => <h1>About foo {router.query.foo}</h1>
 
 export default withRouter(About)
diff --git a/examples/with-next-routes/pages/index.js b/examples/with-next-routes/pages/index.js
index 4379efcc..59b541b2 100644
--- a/examples/with-next-routes/pages/index.js
+++ b/examples/with-next-routes/pages/index.js
@@ -2,10 +2,30 @@ import { Link, Router } from '../routes'
 
 export default () => (
   <ul>
-    <li><Link route='blog' params={{ slug: 'hello-world' }}><a>Blog: Hello world</a></Link></li>
-    <li><Link route='blog' params={{ slug: 'another-blog-post' }}><a>Blog: Another blog post</a></Link></li>
-    <li><Link route='blog' params={{ slug: 'non-existant' }}><a>Blog: Not found</a></Link></li>
-    <li><button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>About foo bar</button></li>
-    <li><button onClick={() => Router.pushRoute('about', { foo: 'baz' })}>About foo baz</button></li>
+    <li>
+      <Link route='blog' params={{ slug: 'hello-world' }}>
+        <a>Blog: Hello world</a>
+      </Link>
+    </li>
+    <li>
+      <Link route='blog' params={{ slug: 'another-blog-post' }}>
+        <a>Blog: Another blog post</a>
+      </Link>
+    </li>
+    <li>
+      <Link route='blog' params={{ slug: 'non-existant' }}>
+        <a>Blog: Not found</a>
+      </Link>
+    </li>
+    <li>
+      <button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>
+        About foo bar
+      </button>
+    </li>
+    <li>
+      <button onClick={() => Router.pushRoute('about', { foo: 'baz' })}>
+        About foo baz
+      </button>
+    </li>
   </ul>
 )
diff --git a/examples/with-next-routes/routes.js b/examples/with-next-routes/routes.js
index 85f60858..41ea20d1 100644
--- a/examples/with-next-routes/routes.js
+++ b/examples/with-next-routes/routes.js
@@ -1,5 +1,5 @@
 const nextRoutes = require('next-routes')
-const routes = module.exports = nextRoutes()
+const routes = (module.exports = nextRoutes())
 
 routes.add('blog', '/blog/:slug')
 routes.add('about', '/about-us/:foo(bar|baz)')
diff --git a/examples/with-next-routes/server.js b/examples/with-next-routes/server.js
index 59964a7a..9cd10606 100644
--- a/examples/with-next-routes/server.js
+++ b/examples/with-next-routes/server.js
@@ -7,11 +7,9 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handler = routes.getRequestHandler(app)
 
-app.prepare()
-  .then(() => {
-    createServer(handler)
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer(handler).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-next-sass/pages/index.js b/examples/with-next-sass/pages/index.js
index 64f64c0d..12fc1d5a 100644
--- a/examples/with-next-sass/pages/index.js
+++ b/examples/with-next-sass/pages/index.js
@@ -1,6 +1,3 @@
 import '../styles/style.scss'
 
-export default () =>
-  <div className='example'>
-    Hello World!
-  </div>
+export default () => <div className='example'>Hello World!</div>
diff --git a/examples/with-noscript/next.config.js b/examples/with-noscript/next.config.js
index 4736a929..354682e5 100644
--- a/examples/with-noscript/next.config.js
+++ b/examples/with-noscript/next.config.js
@@ -2,7 +2,9 @@ module.exports = {
   webpack: (config, { dev }) => {
     if (!dev) {
       config.resolve.alias = {
-        'react-dom/server': require.resolve('react-dom/umd/react-dom-server.browser.production.min.js')
+        'react-dom/server': require.resolve(
+          'react-dom/umd/react-dom-server.browser.production.min.js'
+        )
       }
     }
     return config
diff --git a/examples/with-noscript/pages/index.js b/examples/with-noscript/pages/index.js
index 568d85c5..3e1c80b7 100644
--- a/examples/with-noscript/pages/index.js
+++ b/examples/with-noscript/pages/index.js
@@ -17,18 +17,16 @@ class Index extends React.Component {
   render () {
     return (
       <div style={{ textAlign: 'center' }}>
-        {
-          images.map((item, index) =>
-            <div key={index}>
-              <LazyLoad height={700} offset={100}>
-                <img width={700} height={700} src={item} alt={`image_${index}`} />
-              </LazyLoad>
-              <Noscript>
-                <img width={700} height={700} src={item} alt={`image_${index}`} />
-              </Noscript>
-            </div>
-          )
-        }
+        {images.map((item, index) => (
+          <div key={index}>
+            <LazyLoad height={700} offset={100}>
+              <img width={700} height={700} src={item} alt={`image_${index}`} />
+            </LazyLoad>
+            <Noscript>
+              <img width={700} height={700} src={item} alt={`image_${index}`} />
+            </Noscript>
+          </div>
+        ))}
       </div>
     )
   }
diff --git a/examples/with-pkg/pages/index.js b/examples/with-pkg/pages/index.js
index 5b243bf1..149ab5a1 100644
--- a/examples/with-pkg/pages/index.js
+++ b/examples/with-pkg/pages/index.js
@@ -1,2 +1 @@
-export default () =>
-  <h1>Home page</h1>
+export default () => <h1>Home page</h1>
diff --git a/examples/with-pkg/server.js b/examples/with-pkg/server.js
index 40636d65..3cf974a8 100644
--- a/examples/with-pkg/server.js
+++ b/examples/with-pkg/server.js
@@ -7,11 +7,11 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev, dir: __dirname })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => handle(req, res, parse(req.url, true).pathname))
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+app.prepare().then(() => {
+  createServer((req, res) =>
+    handle(req, res, parse(req.url, true).pathname)
+  ).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-polyfills/next.config.js b/examples/with-polyfills/next.config.js
index a6d3b481..65394c60 100644
--- a/examples/with-polyfills/next.config.js
+++ b/examples/with-polyfills/next.config.js
@@ -4,7 +4,10 @@ module.exports = {
     cfg.entry = async () => {
       const entries = await originalEntry()
 
-      if (entries['main.js'] && !entries['main.js'].includes('./client/polyfills.js')) {
+      if (
+        entries['main.js'] &&
+        !entries['main.js'].includes('./client/polyfills.js')
+      ) {
         entries['main.js'].unshift('./client/polyfills.js')
       }
 
diff --git a/examples/with-polyfills/pages/index.js b/examples/with-polyfills/pages/index.js
index 95af9231..835481d0 100644
--- a/examples/with-polyfills/pages/index.js
+++ b/examples/with-polyfills/pages/index.js
@@ -1,7 +1,3 @@
 console.log('Inside the /index.js page')
 
-export default () => (
-  <div>
-    Hello World
-  </div>
-)
+export default () => <div>Hello World</div>
diff --git a/examples/with-prefetching/components/Header.js b/examples/with-prefetching/components/Header.js
index 887eb562..c7d000f7 100644
--- a/examples/with-prefetching/components/Header.js
+++ b/examples/with-prefetching/components/Header.js
@@ -3,7 +3,7 @@ import Link from 'next/link'
 
 export default () => (
   <div>
-    { /* Prefetch using the declarative API */ }
+    {/* Prefetch using the declarative API */}
     <Link prefetch href='/'>
       <a>Home</a>
     </Link>
@@ -12,13 +12,22 @@ export default () => (
       <a>Features</a>
     </Link>
 
-    { /* we imperatively prefetch on hover */ }
+    {/* we imperatively prefetch on hover */}
     <Link href='/about'>
-      <a onMouseEnter={() => { Router.prefetch('/about'); console.log('prefetching /about!') }}>About</a>
+      <a
+        onMouseEnter={() => {
+          Router.prefetch('/about')
+          console.log('prefetching /about!')
+        }}
+      >
+        About
+      </a>
     </Link>
 
     <Link href='/contact'>
-      <a>Contact (<small>NO-PREFETCHING</small>)</a>
+      <a>
+        Contact (<small>NO-PREFETCHING</small>)
+      </a>
     </Link>
 
     <style jsx>{`
diff --git a/examples/with-prefetching/pages/_app.js b/examples/with-prefetching/pages/_app.js
index 0ac4d7bd..5bf26951 100644
--- a/examples/with-prefetching/pages/_app.js
+++ b/examples/with-prefetching/pages/_app.js
@@ -1,4 +1,4 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import Header from '../components/Header'
 
@@ -10,11 +10,11 @@ export default class MyApp extends App {
       pageProps = await Component.getInitialProps(ctx)
     }
 
-    return {pageProps}
+    return { pageProps }
   }
 
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <Header />
diff --git a/examples/with-pretty-url-routing/pages/greeting.js b/examples/with-pretty-url-routing/pages/greeting.js
index b900599a..4c59929a 100644
--- a/examples/with-pretty-url-routing/pages/greeting.js
+++ b/examples/with-pretty-url-routing/pages/greeting.js
@@ -1,28 +1,30 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Link} from 'next-url-prettifier'
-import {Router} from '../routes'
+import { Link } from 'next-url-prettifier'
+import { Router } from '../routes'
 
 export default class GreetingPage extends React.Component {
-  static getInitialProps ({query: {lang, name}}) {
-    return {lang, name}
+  static getInitialProps ({ query: { lang, name } }) {
+    return { lang, name }
   }
 
   renderSwitchLanguageLink () {
-    const {lang, name} = this.props
+    const { lang, name } = this.props
     const switchLang = lang === 'fr' ? 'en' : 'fr'
     return (
-      <Link route={Router.linkPage('greeting', {name, lang: switchLang})}>
+      <Link route={Router.linkPage('greeting', { name, lang: switchLang })}>
         <a>{switchLang === 'fr' ? 'Français' : 'English'}</a>
       </Link>
     )
   }
 
   render () {
-    const {lang, name} = this.props
+    const { lang, name } = this.props
     return (
       <div>
-        <h1>{lang === 'fr' ? 'Bonjour' : 'Hello'} {name}</h1>
+        <h1>
+          {lang === 'fr' ? 'Bonjour' : 'Hello'} {name}
+        </h1>
         <div>{this.renderSwitchLanguageLink()}</div>
       </div>
     )
diff --git a/examples/with-pretty-url-routing/routes.js b/examples/with-pretty-url-routing/routes.js
index 3a6d092a..1bce6cba 100644
--- a/examples/with-pretty-url-routing/routes.js
+++ b/examples/with-pretty-url-routing/routes.js
@@ -7,11 +7,11 @@ const routes = [
   },
   {
     page: 'greeting',
-    prettyUrl: ({lang = '', name = ''}) =>
-      (lang === 'fr' ? `/bonjour/${name}` : `/hello/${name}`),
+    prettyUrl: ({ lang = '', name = '' }) =>
+      lang === 'fr' ? `/bonjour/${name}` : `/hello/${name}`,
     prettyUrlPatterns: [
-      {pattern: '/hello/:name', defaultParams: {lang: 'en'}},
-      {pattern: '/bonjour/:name', defaultParams: {lang: 'fr'}}
+      { pattern: '/hello/:name', defaultParams: { lang: 'en' } },
+      { pattern: '/bonjour/:name', defaultParams: { lang: 'fr' } }
     ]
   }
 ]
diff --git a/examples/with-pretty-url-routing/server.js b/examples/with-pretty-url-routing/server.js
index f1dd2bd4..03a45d64 100644
--- a/examples/with-pretty-url-routing/server.js
+++ b/examples/with-pretty-url-routing/server.js
@@ -7,14 +7,20 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    Router.forEachPattern((page, pattern, defaultParams) => server.get(pattern, (req, res) =>
-      app.render(req, res, `/${page}`, Object.assign({}, defaultParams, req.query, req.params))
-    ))
+  Router.forEachPattern((page, pattern, defaultParams) =>
+    server.get(pattern, (req, res) =>
+      app.render(
+        req,
+        res,
+        `/${page}`,
+        Object.assign({}, defaultParams, req.query, req.params)
+      )
+    )
+  )
 
-    server.get('*', (req, res) => handle(req, res))
-    server.listen(port)
-  })
+  server.get('*', (req, res) => handle(req, res))
+  server.listen(port)
+})
diff --git a/examples/with-react-ga/pages/about.js b/examples/with-react-ga/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/with-react-ga/pages/about.js
+++ b/examples/with-react-ga/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/with-react-helmet/pages/_document.js b/examples/with-react-helmet/pages/_document.js
index e9c440ca..666116c1 100644
--- a/examples/with-react-helmet/pages/_document.js
+++ b/examples/with-react-helmet/pages/_document.js
@@ -27,26 +27,30 @@ export default class extends Document {
   }
 
   get helmetJsx () {
-    return (<Helmet
-      htmlAttributes={{lang: 'en'}}
-      title='Hello next.js!'
-      meta={[
-        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-        { property: 'og:title', content: 'Hello next.js!' }
-      ]}
-    />)
+    return (
+      <Helmet
+        htmlAttributes={{ lang: 'en' }}
+        title='Hello next.js!'
+        meta={[
+          { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+          { property: 'og:title', content: 'Hello next.js!' }
+        ]}
+      />
+    )
   }
 
   render () {
-    return (<html {...this.helmetHtmlAttrComponents}>
-      <Head>
-        { this.helmetJsx }
-        { this.helmetHeadComponents }
-      </Head>
-      <body {...this.helmetBodyAttrComponents}>
-        <Main />
-        <NextScript />
-      </body>
-    </html>)
+    return (
+      <html {...this.helmetHtmlAttrComponents}>
+        <Head>
+          {this.helmetJsx}
+          {this.helmetHeadComponents}
+        </Head>
+        <body {...this.helmetBodyAttrComponents}>
+          <Main />
+          <NextScript />
+        </body>
+      </html>
+    )
   }
 }
diff --git a/examples/with-react-helmet/pages/index.js b/examples/with-react-helmet/pages/index.js
index b81b7dc7..57043ce1 100644
--- a/examples/with-react-helmet/pages/index.js
+++ b/examples/with-react-helmet/pages/index.js
@@ -1,3 +1 @@
-export default () => (<div>
-  Hello World!
-</div>)
+export default () => <div>Hello World!</div>
diff --git a/examples/with-react-intl/components/Layout.js b/examples/with-react-intl/components/Layout.js
index f7fda6f5..01d40830 100644
--- a/examples/with-react-intl/components/Layout.js
+++ b/examples/with-react-intl/components/Layout.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import {defineMessages, injectIntl} from 'react-intl'
+import { defineMessages, injectIntl } from 'react-intl'
 import Head from 'next/head'
 import Nav from './Nav'
 
@@ -10,7 +10,7 @@ const messages = defineMessages({
   }
 })
 
-export default injectIntl(({intl, title, children}) => (
+export default injectIntl(({ intl, title, children }) => (
   <div>
     <Head>
       <meta name='viewport' content='width=device-width, initial-scale=1' />
@@ -22,6 +22,5 @@ export default injectIntl(({intl, title, children}) => (
     </header>
 
     {children}
-
   </div>
 ))
diff --git a/examples/with-react-intl/components/Nav.js b/examples/with-react-intl/components/Nav.js
index 255a4b4a..2543f6a9 100644
--- a/examples/with-react-intl/components/Nav.js
+++ b/examples/with-react-intl/components/Nav.js
@@ -1,17 +1,21 @@
 import React from 'react'
-import {FormattedMessage} from 'react-intl'
+import { FormattedMessage } from 'react-intl'
 import Link from 'next/link'
 
 export default () => (
   <nav>
     <li>
       <Link href='/'>
-        <a><FormattedMessage id='nav.home' defaultMessage='Home' /></a>
+        <a>
+          <FormattedMessage id='nav.home' defaultMessage='Home' />
+        </a>
       </Link>
     </li>
     <li>
       <Link href='/about'>
-        <a><FormattedMessage id='nav.about' defaultMessage='About' /></a>
+        <a>
+          <FormattedMessage id='nav.about' defaultMessage='About' />
+        </a>
       </Link>
     </li>
 
diff --git a/examples/with-react-intl/lib/withIntl.js b/examples/with-react-intl/lib/withIntl.js
index 16d9a0cd..05e66e71 100644
--- a/examples/with-react-intl/lib/withIntl.js
+++ b/examples/with-react-intl/lib/withIntl.js
@@ -1,7 +1,7 @@
 import hoistNonReactStatics from 'hoist-non-react-statics'
 import { injectIntl } from 'react-intl'
 
-export const hoistStatics = (higherOrderComponent) => (BaseComponent) => {
+export const hoistStatics = higherOrderComponent => BaseComponent => {
   const NewComponent = higherOrderComponent(BaseComponent)
   hoistNonReactStatics(NewComponent, BaseComponent)
 
diff --git a/examples/with-react-intl/pages/_app.js b/examples/with-react-intl/pages/_app.js
index 90c354c4..d0ab9f68 100644
--- a/examples/with-react-intl/pages/_app.js
+++ b/examples/with-react-intl/pages/_app.js
@@ -6,7 +6,7 @@ import { IntlProvider, addLocaleData } from 'react-intl'
 // locale data was added to the page by `pages/_document.js`. This only happens
 // once, on initial page load in the browser.
 if (typeof window !== 'undefined' && window.ReactIntlLocaleData) {
-  Object.keys(window.ReactIntlLocaleData).forEach((lang) => {
+  Object.keys(window.ReactIntlLocaleData).forEach(lang => {
     addLocaleData(window.ReactIntlLocaleData[lang])
   })
 }
@@ -33,7 +33,11 @@ export default class MyApp extends App {
 
     return (
       <Container>
-        <IntlProvider locale={locale} messages={messages} initialNow={initialNow}>
+        <IntlProvider
+          locale={locale}
+          messages={messages}
+          initialNow={initialNow}
+        >
           <Component {...pageProps} />
         </IntlProvider>
       </Container>
diff --git a/examples/with-react-intl/pages/_document.js b/examples/with-react-intl/pages/_document.js
index 8027f4ce..eaab57a8 100644
--- a/examples/with-react-intl/pages/_document.js
+++ b/examples/with-react-intl/pages/_document.js
@@ -1,11 +1,13 @@
-import Document, {Head, Main, NextScript} from 'next/document'
+import Document, { Head, Main, NextScript } from 'next/document'
 
 // The document (which is SSR-only) needs to be customized to expose the locale
 // data for the user's locale for React Intl to work in the browser.
 export default class IntlDocument extends Document {
   static async getInitialProps (context) {
     const props = await super.getInitialProps(context)
-    const {req: {locale, localeDataScript}} = context
+    const {
+      req: { locale, localeDataScript }
+    } = context
     return {
       ...props,
       locale,
@@ -15,7 +17,9 @@ export default class IntlDocument extends Document {
 
   render () {
     // Polyfill Intl API for older browsers
-    const polyfill = `https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.${this.props.locale}`
+    const polyfill = `https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.${
+      this.props.locale
+    }`
 
     return (
       <html>
diff --git a/examples/with-react-intl/pages/about.js b/examples/with-react-intl/pages/about.js
index 411d10a4..bc1f67d7 100644
--- a/examples/with-react-intl/pages/about.js
+++ b/examples/with-react-intl/pages/about.js
@@ -1,10 +1,10 @@
-import React, {Component} from 'react'
-import {FormattedRelative} from 'react-intl'
+import React, { Component } from 'react'
+import { FormattedRelative } from 'react-intl'
 import Layout from '../components/Layout'
 
 class About extends Component {
-  static async getInitialProps ({req}) {
-    return {someDate: Date.now()}
+  static async getInitialProps ({ req }) {
+    return { someDate: Date.now() }
   }
 
   render () {
diff --git a/examples/with-react-intl/scripts/default-lang.js b/examples/with-react-intl/scripts/default-lang.js
index 1d599d4a..4b8337ca 100644
--- a/examples/with-react-intl/scripts/default-lang.js
+++ b/examples/with-react-intl/scripts/default-lang.js
@@ -1,12 +1,13 @@
-const {readFileSync, writeFileSync} = require('fs')
-const {resolve} = require('path')
+const { readFileSync, writeFileSync } = require('fs')
+const { resolve } = require('path')
 const glob = require('glob')
 
-const defaultMessages = glob.sync('./lang/.messages/**/*.json')
-  .map((filename) => readFileSync(filename, 'utf8'))
-  .map((file) => JSON.parse(file))
+const defaultMessages = glob
+  .sync('./lang/.messages/**/*.json')
+  .map(filename => readFileSync(filename, 'utf8'))
+  .map(file => JSON.parse(file))
   .reduce((messages, descriptors) => {
-    descriptors.forEach(({id, defaultMessage}) => {
+    descriptors.forEach(({ id, defaultMessage }) => {
       if (messages.hasOwnProperty(id)) {
         throw new Error(`Duplicate message id: ${id}`)
       }
diff --git a/examples/with-react-intl/server.js b/examples/with-react-intl/server.js
index 2d98e864..55285b60 100644
--- a/examples/with-react-intl/server.js
+++ b/examples/with-react-intl/server.js
@@ -4,25 +4,27 @@ const IntlPolyfill = require('intl')
 Intl.NumberFormat = IntlPolyfill.NumberFormat
 Intl.DateTimeFormat = IntlPolyfill.DateTimeFormat
 
-const {readFileSync} = require('fs')
-const {basename} = require('path')
-const {createServer} = require('http')
+const { readFileSync } = require('fs')
+const { basename } = require('path')
+const { createServer } = require('http')
 const accepts = require('accepts')
 const glob = require('glob')
 const next = require('next')
 
 const port = parseInt(process.env.PORT, 10) || 3000
 const dev = process.env.NODE_ENV !== 'production'
-const app = next({dev})
+const app = next({ dev })
 const handle = app.getRequestHandler()
 
 // Get the supported languages by looking for translations in the `lang/` dir.
-const supportedLanguages = glob.sync('./lang/*.json').map((f) => basename(f, '.json'))
+const supportedLanguages = glob
+  .sync('./lang/*.json')
+  .map(f => basename(f, '.json'))
 
 // We need to expose React Intl's locale data on the request for the user's
 // locale. This function will also cache the scripts by lang in memory.
 const localeDataCache = new Map()
-const getLocaleDataScript = (locale) => {
+const getLocaleDataScript = locale => {
   const lang = locale.split('-')[0]
   if (!localeDataCache.has(lang)) {
     const localeDataFile = require.resolve(`react-intl/locale-data/${lang}`)
@@ -35,7 +37,7 @@ const getLocaleDataScript = (locale) => {
 // We need to load and expose the translations on the request for the user's
 // locale. These will only be used in production, in dev the `defaultMessage` in
 // each message description in the source code will be used.
-const getMessages = (locale) => {
+const getMessages = locale => {
   return require(`./lang/${locale}.json`)
 }
 
@@ -47,7 +49,7 @@ app.prepare().then(() => {
     req.localeDataScript = getLocaleDataScript(locale)
     req.messages = dev ? {} : getMessages(locale)
     handle(req, res)
-  }).listen(port, (err) => {
+  }).listen(port, err => {
     if (err) throw err
     console.log(`> Ready on http://localhost:${port}`)
   })
diff --git a/examples/with-react-jss/pages/_document.js b/examples/with-react-jss/pages/_document.js
index c88233d7..f71f911a 100644
--- a/examples/with-react-jss/pages/_document.js
+++ b/examples/with-react-jss/pages/_document.js
@@ -1,9 +1,6 @@
 import React from 'react'
 import Document, { Head, Main, NextScript } from 'next/document'
-import {
-  SheetsRegistry,
-  JssProvider
-} from 'react-jss'
+import { SheetsRegistry, JssProvider } from 'react-jss'
 
 export default class JssDocument extends Document {
   static getInitialProps (ctx) {
diff --git a/examples/with-react-md/pages/index.js b/examples/with-react-md/pages/index.js
index d8757c81..13a76b18 100644
--- a/examples/with-react-md/pages/index.js
+++ b/examples/with-react-md/pages/index.js
@@ -10,7 +10,8 @@ import ListItem from 'react-md/lib/Lists/ListItem'
 import NavigationDrawer from 'react-md/lib/NavigationDrawers'
 import SelectField from 'react-md/lib/SelectFields'
 
-const avatarSrc = 'https://cloud.githubusercontent.com/assets/13041/19686250/971bf7f8-9ac0-11e6-975c-188defd82df1.png'
+const avatarSrc =
+  'https://cloud.githubusercontent.com/assets/13041/19686250/971bf7f8-9ac0-11e6-975c-188defd82df1.png'
 
 const drawerHeaderChildren = [
   <Avatar
@@ -18,7 +19,12 @@ const drawerHeaderChildren = [
     src={avatarSrc}
     role='presentation'
     iconSized
-    style={{ alignSelf: 'center', marginLeft: 16, marginRight: 16, flexShrink: 0 }}
+    style={{
+      alignSelf: 'center',
+      marginLeft: 16,
+      marginRight: 16,
+      flexShrink: 0
+    }}
   />,
   <SelectField
     id='account-switcher'
@@ -38,9 +44,12 @@ class NavigationLink extends PureComponent {
   render () {
     const { href, as, children, ..._props } = this.props
     return (
-      <div {..._props} style={{padding: 0}}>
+      <div {..._props} style={{ padding: 0 }}>
         <Link href={href} as={as}>
-          <a className='md-list-tile md-list-tile--mini' style={{width: '100%', overflow: 'hidden'}}>
+          <a
+            className='md-list-tile md-list-tile--mini'
+            style={{ width: '100%', overflow: 'hidden' }}
+          >
             {children}
           </a>
         </Link>
@@ -64,9 +73,18 @@ export default () => {
   return (
     <div>
       <Head>
-        <link rel='stylesheet' href='/static/react-md.light_blue-yellow.min.css' />
-        <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' />
-        <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Material+Icons' />
+        <link
+          rel='stylesheet'
+          href='/static/react-md.light_blue-yellow.min.css'
+        />
+        <link
+          rel='stylesheet'
+          href='https://fonts.googleapis.com/css?family=Roboto:300,400,500'
+        />
+        <link
+          rel='stylesheet'
+          href='https://fonts.googleapis.com/css?family=Material+Icons'
+        />
       </Head>
       <NavigationDrawer
         navItems={[
diff --git a/examples/with-react-native-web/next.config.js b/examples/with-react-native-web/next.config.js
index 16e10320..5a814040 100644
--- a/examples/with-react-native-web/next.config.js
+++ b/examples/with-react-native-web/next.config.js
@@ -2,7 +2,7 @@ const withTM = require('next-plugin-transpile-modules')
 
 module.exports = withTM({
   transpileModules: ['react-native-web'],
-  webpack: (config) => {
+  webpack: config => {
     // Alias all `react-native` imports to `react-native-web`
     config.resolve.alias = {
       'react-native$': 'react-native-web'
diff --git a/examples/with-react-relay-network-modern/components/BlogPostPreview.js b/examples/with-react-relay-network-modern/components/BlogPostPreview.js
index 4043ebcc..b406dc53 100644
--- a/examples/with-react-relay-network-modern/components/BlogPostPreview.js
+++ b/examples/with-react-relay-network-modern/components/BlogPostPreview.js
@@ -2,16 +2,14 @@ import React from 'react'
 import { createFragmentContainer, graphql } from 'react-relay'
 
 const BlogPostPreview = props => {
-  return (
-    <div key={props.post.id}>{props.post.title}</div>
-  )
+  return <div key={props.post.id}>{props.post.title}</div>
 }
 
 export default createFragmentContainer(BlogPostPreview, {
   post: graphql`
-        fragment BlogPostPreview_post on BlogPost {
-            id
-            title
-        }
-    `
+    fragment BlogPostPreview_post on BlogPost {
+      id
+      title
+    }
+  `
 })
diff --git a/examples/with-react-relay-network-modern/components/BlogPosts.js b/examples/with-react-relay-network-modern/components/BlogPosts.js
index 0d1f54e5..dc3bdbb0 100644
--- a/examples/with-react-relay-network-modern/components/BlogPosts.js
+++ b/examples/with-react-relay-network-modern/components/BlogPosts.js
@@ -6,24 +6,24 @@ const BlogPosts = props => {
   return (
     <div>
       <h1>Blog posts</h1>
-      {props.viewer.allBlogPosts.edges.map(({ node }) =>
-        <BlogPostPreview key={node.id}post={node} />
-      )}
+      {props.viewer.allBlogPosts.edges.map(({ node }) => (
+        <BlogPostPreview key={node.id} post={node} />
+      ))}
     </div>
   )
 }
 
 export default createFragmentContainer(BlogPosts, {
   viewer: graphql`
-        fragment BlogPosts_viewer on Viewer {
-            allBlogPosts(first: 10, orderBy: createdAt_DESC) {
-                edges {
-                    node {
-                        ...BlogPostPreview_post
-                        id
-                    }
-                }
-            }
+    fragment BlogPosts_viewer on Viewer {
+      allBlogPosts(first: 10, orderBy: createdAt_DESC) {
+        edges {
+          node {
+            ...BlogPostPreview_post
+            id
+          }
         }
-    `
+      }
+    }
+  `
 })
diff --git a/examples/with-react-relay-network-modern/lib/createEnvironment/server.js b/examples/with-react-relay-network-modern/lib/createEnvironment/server.js
index d25355fe..6ce3f9d3 100644
--- a/examples/with-react-relay-network-modern/lib/createEnvironment/server.js
+++ b/examples/with-react-relay-network-modern/lib/createEnvironment/server.js
@@ -1,4 +1,7 @@
-import { RelayNetworkLayer, urlMiddleware } from 'react-relay-network-modern/node8'
+import {
+  RelayNetworkLayer,
+  urlMiddleware
+} from 'react-relay-network-modern/node8'
 import RelaySSR from 'react-relay-network-modern-ssr/node8/server'
 import { Network, Environment, RecordSource, Store } from 'relay-runtime'
 
diff --git a/examples/with-react-relay-network-modern/pages/_app.js b/examples/with-react-relay-network-modern/pages/_app.js
index 4d28ed9b..5a74d71c 100644
--- a/examples/with-react-relay-network-modern/pages/_app.js
+++ b/examples/with-react-relay-network-modern/pages/_app.js
@@ -2,14 +2,13 @@ import React from 'react'
 import { QueryRenderer, fetchQuery } from 'react-relay'
 import NextApp, { Container } from 'next/app'
 
-import {
-  initEnvironment,
-  createEnvironment
-} from '../lib/createEnvironment'
+import { initEnvironment, createEnvironment } from '../lib/createEnvironment'
 
 export default class App extends NextApp {
   static getInitialProps = async ({ Component, router, ctx }) => {
-    const { variables } = Component.getInitialProps ? await Component.getInitialProps(ctx) : {}
+    const { variables } = Component.getInitialProps
+      ? await Component.getInitialProps(ctx)
+      : {}
 
     try {
       if (initEnvironment) {
@@ -29,7 +28,7 @@ export default class App extends NextApp {
     return {
       variables
     }
-  };
+  }
 
   render () {
     const { Component, variables = {}, relayData } = this.props
diff --git a/examples/with-react-relay-network-modern/pages/index.js b/examples/with-react-relay-network-modern/pages/index.js
index 062d9506..774c3333 100644
--- a/examples/with-react-relay-network-modern/pages/index.js
+++ b/examples/with-react-relay-network-modern/pages/index.js
@@ -19,7 +19,7 @@ export default class Index extends Component {
         ...BlogPosts_viewer
       }
     }
-  `;
+  `
 
   render () {
     return (
diff --git a/examples/with-react-toolbox/pages/index.js b/examples/with-react-toolbox/pages/index.js
index 0c099a5a..a2b39452 100644
--- a/examples/with-react-toolbox/pages/index.js
+++ b/examples/with-react-toolbox/pages/index.js
@@ -10,7 +10,9 @@ export default () => (
       <link href='/static/theme.css' rel='stylesheet' />
     </Head>
     <ThemeProvider theme={theme}>
-      <Button raised primary>Hello</Button>
+      <Button raised primary>
+        Hello
+      </Button>
     </ThemeProvider>
   </div>
 )
diff --git a/examples/with-react-toolbox/static/theme.js b/examples/with-react-toolbox/static/theme.js
index 781cce7e..123fc2f1 100644
--- a/examples/with-react-toolbox/static/theme.js
+++ b/examples/with-react-toolbox/static/theme.js
@@ -1 +1,86 @@
-module.exports = {'RTButton': {'button': '_2Agdx', 'rippleWrapper': '_3AVBi', 'squared': '_2GH_L', 'icon': '_3aBSX', 'solid': '_1ZxqC', 'raised': '_221ic _2Agdx _2GH_L _1ZxqC', 'flat': '_1jWAQ _2Agdx _2GH_L', 'floating': '_3IRMZ _2Agdx _1ZxqC', 'mini': '_2DCN-', 'toggle': 'hC5Z2 _2Agdx', 'primary': '_3tTAW', 'accent': '_2wp6F', 'neutral': '_2CPs4', 'inverse': '_2SPZr'}, 'RTRipple': {'rippleWrapper': '_16N7o', 'ripple': '_3SV_u', 'rippleRestarting': '_2OZWa', 'rippleActive': '_3O2Ue'}, 'RTDatePicker': {'input': '_2ISvI', 'disabled': 'Cf3yF', 'inputElement': 'x7MhN', 'header': '_2vLUd', 'year': '_1VWY-', 'date': '_3K2Ws', 'calendarWrapper': '_1t-4v', 'yearsDisplay': '_2OzvT', 'monthsDisplay': '_2DDdC', 'dialog': '_3fCV6', 'button': '_2hL6u', 'calendar': '_1X9ls', 'prev': 'Nv9Bc', 'next': '_3iPkS', 'title': '_2ESpD', 'years': 'zEdgW', 'active': '_1pjXb', 'week': 'PcByv', 'days': '_1qh3T', 'day': '_2qF_L', 'month': '_1hSm5', 'slideRightEnter': 'Rk89h', 'slideRightLeave': '_1nam4', 'slideRightEnterActive': 'm5B3T', 'slideRightLeaveActive': '_2bZap', 'slideLeftEnter': 'bGml_', 'slideLeftLeave': '_2WGqM', 'slideLeftEnterActive': '_3Ghls', 'slideLeftLeaveActive': '_2WLHG'}, 'RTInput': {'input': 'lFVgC', 'withIcon': '_1nKdf', 'icon': '_3ga1V', 'inputElement': '_4bZUj', 'bar': '_3FySS', 'label': '_34120', 'fixed': 'GRQEP', 'required': '_2G0aY', 'hint': 'bMyi_', 'filled': '_34NWn', 'error': '_2k5Jz', 'counter': '_1oTuT', 'disabled': '_3ZfJq', 'errored': '_2s74E', 'hidden': '_2gAMv'}, 'RTDialog': {'wrapper': '_3nrqp', 'dialog': '_3lw90', 'active': '_3ea_1', 'small': '_38VTT', 'normal': '_1K3iz', 'large': '_10LcP', 'fullscreen': '_3tLXQ', 'title': '_2J-aP', 'body': '_1Ivuq', 'navigation': 'wgwdj', 'button': '_22_c6'}, 'RTOverlay': {'overlay': '_2LA9x', 'active': '_1mb5R'}}
+module.exports = {
+  RTButton: {
+    button: '_2Agdx',
+    rippleWrapper: '_3AVBi',
+    squared: '_2GH_L',
+    icon: '_3aBSX',
+    solid: '_1ZxqC',
+    raised: '_221ic _2Agdx _2GH_L _1ZxqC',
+    flat: '_1jWAQ _2Agdx _2GH_L',
+    floating: '_3IRMZ _2Agdx _1ZxqC',
+    mini: '_2DCN-',
+    toggle: 'hC5Z2 _2Agdx',
+    primary: '_3tTAW',
+    accent: '_2wp6F',
+    neutral: '_2CPs4',
+    inverse: '_2SPZr'
+  },
+  RTRipple: {
+    rippleWrapper: '_16N7o',
+    ripple: '_3SV_u',
+    rippleRestarting: '_2OZWa',
+    rippleActive: '_3O2Ue'
+  },
+  RTDatePicker: {
+    input: '_2ISvI',
+    disabled: 'Cf3yF',
+    inputElement: 'x7MhN',
+    header: '_2vLUd',
+    year: '_1VWY-',
+    date: '_3K2Ws',
+    calendarWrapper: '_1t-4v',
+    yearsDisplay: '_2OzvT',
+    monthsDisplay: '_2DDdC',
+    dialog: '_3fCV6',
+    button: '_2hL6u',
+    calendar: '_1X9ls',
+    prev: 'Nv9Bc',
+    next: '_3iPkS',
+    title: '_2ESpD',
+    years: 'zEdgW',
+    active: '_1pjXb',
+    week: 'PcByv',
+    days: '_1qh3T',
+    day: '_2qF_L',
+    month: '_1hSm5',
+    slideRightEnter: 'Rk89h',
+    slideRightLeave: '_1nam4',
+    slideRightEnterActive: 'm5B3T',
+    slideRightLeaveActive: '_2bZap',
+    slideLeftEnter: 'bGml_',
+    slideLeftLeave: '_2WGqM',
+    slideLeftEnterActive: '_3Ghls',
+    slideLeftLeaveActive: '_2WLHG'
+  },
+  RTInput: {
+    input: 'lFVgC',
+    withIcon: '_1nKdf',
+    icon: '_3ga1V',
+    inputElement: '_4bZUj',
+    bar: '_3FySS',
+    label: '_34120',
+    fixed: 'GRQEP',
+    required: '_2G0aY',
+    hint: 'bMyi_',
+    filled: '_34NWn',
+    error: '_2k5Jz',
+    counter: '_1oTuT',
+    disabled: '_3ZfJq',
+    errored: '_2s74E',
+    hidden: '_2gAMv'
+  },
+  RTDialog: {
+    wrapper: '_3nrqp',
+    dialog: '_3lw90',
+    active: '_3ea_1',
+    small: '_38VTT',
+    normal: '_1K3iz',
+    large: '_10LcP',
+    fullscreen: '_3tLXQ',
+    title: '_2J-aP',
+    body: '_1Ivuq',
+    navigation: 'wgwdj',
+    button: '_22_c6'
+  },
+  RTOverlay: { overlay: '_2LA9x', active: '_1mb5R' }
+}
diff --git a/examples/with-react-useragent/pages/_app.js b/examples/with-react-useragent/pages/_app.js
index e744467e..e8eff6df 100644
--- a/examples/with-react-useragent/pages/_app.js
+++ b/examples/with-react-useragent/pages/_app.js
@@ -1,6 +1,6 @@
 import React from 'react'
-import App, {Container} from 'next/app'
-import {UserAgentProvider} from '@quentin-sommer/react-useragent'
+import App, { Container } from 'next/app'
+import { UserAgentProvider } from '@quentin-sommer/react-useragent'
 
 const PageWrapper = Comp =>
   class extends React.Component {
@@ -18,7 +18,7 @@ const PageWrapper = Comp =>
     }
 
     render () {
-      const {ua, ...props} = this.props
+      const { ua, ...props } = this.props
       return (
         <UserAgentProvider ua={ua}>
           <Comp {...props} />
@@ -29,7 +29,7 @@ const PageWrapper = Comp =>
 
 class MyApp extends App {
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <Component {...pageProps} />
diff --git a/examples/with-react-useragent/pages/index.js b/examples/with-react-useragent/pages/index.js
index f2ed9bc7..c7b6141b 100644
--- a/examples/with-react-useragent/pages/index.js
+++ b/examples/with-react-useragent/pages/index.js
@@ -1,5 +1,5 @@
-import React, {Component} from 'react'
-import {UserAgent} from '@quentin-sommer/react-useragent'
+import React, { Component } from 'react'
+import { UserAgent } from '@quentin-sommer/react-useragent'
 
 class Index extends Component {
   render () {
diff --git a/examples/with-react-uwp/components/ThemeWrapper.js b/examples/with-react-uwp/components/ThemeWrapper.js
index b536dec5..a4f9bf19 100644
--- a/examples/with-react-uwp/components/ThemeWrapper.js
+++ b/examples/with-react-uwp/components/ThemeWrapper.js
@@ -5,7 +5,10 @@ export class ThemeWrapper extends Component {
   render () {
     const { children, style, ...props } = this.props
     return (
-      <Theme {...props} style={(props && props.theme) ? props.theme.prepareStyles(style) : void 0}>
+      <Theme
+        {...props}
+        style={props && props.theme ? props.theme.prepareStyles(style) : void 0}
+      >
         {children}
       </Theme>
     )
diff --git a/examples/with-react-uwp/pages/_document.js b/examples/with-react-uwp/pages/_document.js
index 3d7e8184..7ef84fdb 100644
--- a/examples/with-react-uwp/pages/_document.js
+++ b/examples/with-react-uwp/pages/_document.js
@@ -4,20 +4,26 @@ import Document, { Head, Main, NextScript } from 'next/document'
 
 export default class MyDocument extends Document {
   static getInitialProps ({ renderPage }) {
-    const {html, head, errorHtml, chunks} = renderPage()
+    const { html, head, errorHtml, chunks } = renderPage()
     return { html, head, errorHtml, chunks }
   }
 
-  static contextTypes = { theme: PropTypes.object };
+  static contextTypes = { theme: PropTypes.object }
 
   render () {
     return (
       <html lang='en'>
         <Head>
           <meta charSet='utf-8' />
-          <meta name='viewport' content='user-scalable=0, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height' />
+          <meta
+            name='viewport'
+            content='user-scalable=0, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height'
+          />
           <meta name='theme-color' content='yellowgreen' />
-          <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' />
+          <link
+            rel='stylesheet'
+            href='https://fonts.googleapis.com/css?family=Roboto:300,400,500'
+          />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-react-uwp/pages/index.js b/examples/with-react-uwp/pages/index.js
index 856bc121..13b2ce8c 100644
--- a/examples/with-react-uwp/pages/index.js
+++ b/examples/with-react-uwp/pages/index.js
@@ -4,12 +4,7 @@ import PropTypes from 'prop-types'
 import ThemeWrapper from '../components/ThemeWrapper'
 import getTheme from 'react-uwp/styles/getTheme'
 
-import {
-  Button,
-  ColorPicker,
-  DatePicker,
-  ProgressRing
-} from 'react-uwp'
+import { Button, ColorPicker, DatePicker, ProgressRing } from 'react-uwp'
 
 class Index extends Component {
   static async getInitialProps ({ req }) {
diff --git a/examples/with-react-with-styles/pages/_document.js b/examples/with-react-with-styles/pages/_document.js
index 516cdbc2..eade1d10 100644
--- a/examples/with-react-with-styles/pages/_document.js
+++ b/examples/with-react-with-styles/pages/_document.js
@@ -27,7 +27,10 @@ export default class MyDocument extends Document {
     return (
       <html>
         <Head>
-          <style data-aphrodite dangerouslySetInnerHTML={{ __html: this.props.css.content }} />
+          <style
+            data-aphrodite
+            dangerouslySetInnerHTML={{ __html: this.props.css.content }}
+          />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-rebass/pages/_document.js b/examples/with-rebass/pages/_document.js
index 54a8a9dd..ba0b6b6c 100644
--- a/examples/with-rebass/pages/_document.js
+++ b/examples/with-rebass/pages/_document.js
@@ -9,13 +9,9 @@ export default class MyDocument extends Document {
 
     return (
       <html>
-        <Head>
-          {styleTags}
-        </Head>
+        <Head>{styleTags}</Head>
         <body>
-          <div className='root'>
-            {main}
-          </div>
+          <div className='root'>{main}</div>
           <NextScript />
         </body>
       </html>
diff --git a/examples/with-rebass/pages/index.js b/examples/with-rebass/pages/index.js
index a771d0e7..dc1001db 100644
--- a/examples/with-rebass/pages/index.js
+++ b/examples/with-rebass/pages/index.js
@@ -16,7 +16,9 @@ function HomePage () {
 
       <Container>
         <Toolbar bg='black'>
-          <NavLink href='https://github.com/zeit/next.js/' target='_blank'>Next.js</NavLink>
+          <NavLink href='https://github.com/zeit/next.js/' target='_blank'>
+            Next.js
+          </NavLink>
           <NavLink ml='auto' href='http://jxnblk.com/rebass/' target='_blank'>
             REBASS
           </NavLink>
@@ -25,12 +27,14 @@ function HomePage () {
         <Flex justify='center'>
           <Box width={1 / 2}>
             <Blockquote center fontSize={3} py={4}>
-              "Next.js is a minimalistic framework for server-rendered React applications."
+              "Next.js is a minimalistic framework for server-rendered React
+              applications."
             </Blockquote>
           </Box>
           <Box width={6 / 12}>
             <Blockquote center fontSize={3} py={4}>
-              "Functional React UI component library, built with styled-components"
+              "Functional React UI component library, built with
+              styled-components"
             </Blockquote>
           </Box>
         </Flex>
diff --git a/examples/with-recompose/pages/index.js b/examples/with-recompose/pages/index.js
index e90138ec..81b5dac9 100644
--- a/examples/with-recompose/pages/index.js
+++ b/examples/with-recompose/pages/index.js
@@ -4,22 +4,15 @@ import { compose, withState, setStatic } from 'recompose'
 // it needs to be at the top of the compose
 const enhance = compose(
   // set the static async method getInitialProps
-  setStatic(
-    'getInitialProps',
-    async ({ req }) => {
-      const isServer = !!req
-      // log if we're server or client side
-      if (isServer) console.log('from server')
-      else console.log('from client')
-      // return a prop to know if we're server or client side
-      return { isServer }
-    }
-  ),
-  withState(
-    'counter',
-    'setCounter',
-    0
-  )
+  setStatic('getInitialProps', async ({ req }) => {
+    const isServer = !!req
+    // log if we're server or client side
+    if (isServer) console.log('from server')
+    else console.log('from client')
+    // return a prop to know if we're server or client side
+    return { isServer }
+  }),
+  withState('counter', 'setCounter', 0)
 )
 
 // our enhanced page component
diff --git a/examples/with-redux-code-splitting/config/redux.js b/examples/with-redux-code-splitting/config/redux.js
index 0b9f5b94..0fd14f92 100644
--- a/examples/with-redux-code-splitting/config/redux.js
+++ b/examples/with-redux-code-splitting/config/redux.js
@@ -5,8 +5,11 @@ import withRedux from 'next-redux-wrapper'
 import { rootReducer } from 'fast-redux'
 
 export const initStore = (initialState = {}) => {
-  return createStore(rootReducer, initialState,
-    composeWithDevTools(applyMiddleware(thunkMiddleware)))
+  return createStore(
+    rootReducer,
+    initialState,
+    composeWithDevTools(applyMiddleware(thunkMiddleware))
+  )
 }
 
-export const reduxPage = (comp) => withRedux(initStore)(comp)
+export const reduxPage = comp => withRedux(initStore)(comp)
diff --git a/examples/with-redux-code-splitting/containers/about.js b/examples/with-redux-code-splitting/containers/about.js
index d03effbb..7766ec45 100644
--- a/examples/with-redux-code-splitting/containers/about.js
+++ b/examples/with-redux-code-splitting/containers/about.js
@@ -1,23 +1,30 @@
 import React from 'react'
-import {bindActionCreators} from 'redux'
-import {connect} from 'react-redux'
-import {namespaceConfig} from 'fast-redux'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import { namespaceConfig } from 'fast-redux'
 import Link from 'next/link'
 
-const DEFAULT_STATE = {version: 1}
+const DEFAULT_STATE = { version: 1 }
 
-const {actionCreator, getState: getAboutState} = namespaceConfig('about', DEFAULT_STATE)
+const { actionCreator, getState: getAboutState } = namespaceConfig(
+  'about',
+  DEFAULT_STATE
+)
 
 const bumpVersion = actionCreator('bumpVersion', function (state, increment) {
-  return {...state, version: state.version + increment}
+  return { ...state, version: state.version + increment }
 })
 
 const About = ({ version, bumpVersion }) => (
   <div>
     <h1>About us</h1>
     <h3>Current version: {version}</h3>
-    <p><button onClick={(e) => bumpVersion(1)}>Bump version!</button></p>
-    <Link href='/'><a>Homepage</a></Link>
+    <p>
+      <button onClick={e => bumpVersion(1)}>Bump version!</button>
+    </p>
+    <Link href='/'>
+      <a>Homepage</a>
+    </Link>
   </div>
 )
 
@@ -29,4 +36,7 @@ function mapDispatchToProps (dispatch) {
   return bindActionCreators({ bumpVersion }, dispatch)
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(About)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(About)
diff --git a/examples/with-redux-code-splitting/containers/homepage.js b/examples/with-redux-code-splitting/containers/homepage.js
index 50eb6384..c598e786 100644
--- a/examples/with-redux-code-splitting/containers/homepage.js
+++ b/examples/with-redux-code-splitting/containers/homepage.js
@@ -1,23 +1,30 @@
 import React from 'react'
-import {bindActionCreators} from 'redux'
-import {connect} from 'react-redux'
-import {namespaceConfig} from 'fast-redux'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import { namespaceConfig } from 'fast-redux'
 import Link from 'next/link'
 
-const DEFAULT_STATE = {build: 1}
+const DEFAULT_STATE = { build: 1 }
 
-const {actionCreator, getState: getHomepageState} = namespaceConfig('homepage', DEFAULT_STATE)
+const { actionCreator, getState: getHomepageState } = namespaceConfig(
+  'homepage',
+  DEFAULT_STATE
+)
 
 const bumpBuild = actionCreator(function bumpBuild (state, increment) {
-  return {...state, build: state.build + increment}
+  return { ...state, build: state.build + increment }
 })
 
 const Homepage = ({ build, bumpBuild }) => (
   <div>
     <h1>Homepage</h1>
     <h3>Current build: {build}</h3>
-    <p><button onClick={(e) => bumpBuild(1)}>Bump build!</button></p>
-    <Link href='/about'><a>About Us</a></Link>
+    <p>
+      <button onClick={e => bumpBuild(1)}>Bump build!</button>
+    </p>
+    <Link href='/about'>
+      <a>About Us</a>
+    </Link>
   </div>
 )
 
@@ -29,4 +36,7 @@ function mapDispatchToProps (dispatch) {
   return bindActionCreators({ bumpBuild }, dispatch)
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(Homepage)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Homepage)
diff --git a/examples/with-redux-code-splitting/pages/about.js b/examples/with-redux-code-splitting/pages/about.js
index 0237f9e5..a8697d49 100644
--- a/examples/with-redux-code-splitting/pages/about.js
+++ b/examples/with-redux-code-splitting/pages/about.js
@@ -1,4 +1,4 @@
-import {reduxPage} from '../config/redux'
+import { reduxPage } from '../config/redux'
 import About from '../containers/about'
 
 export default reduxPage(About)
diff --git a/examples/with-redux-code-splitting/pages/index.js b/examples/with-redux-code-splitting/pages/index.js
index 4e1a993d..793b7a7c 100644
--- a/examples/with-redux-code-splitting/pages/index.js
+++ b/examples/with-redux-code-splitting/pages/index.js
@@ -1,4 +1,4 @@
-import {reduxPage} from '../config/redux'
+import { reduxPage } from '../config/redux'
 import Homepage from '../containers/homepage'
 
 export default reduxPage(Homepage)
diff --git a/examples/with-redux-observable/components/CharacterInfo.js b/examples/with-redux-observable/components/CharacterInfo.js
index 044bb93d..7072de94 100644
--- a/examples/with-redux-observable/components/CharacterInfo.js
+++ b/examples/with-redux-observable/components/CharacterInfo.js
@@ -1,26 +1,30 @@
 import React from 'react'
 import { connect } from 'react-redux'
 
-const CharacterInfo = ({ character, error, fetchCharacter, isFetchedOnServer = false }) => (
+const CharacterInfo = ({
+  character,
+  error,
+  fetchCharacter,
+  isFetchedOnServer = false
+}) => (
   <div className='CharacterInfo'>
-    {
-      error ? <p>We encountered and error.</p>
-        : <article>
-          <h3>Character: {character.name}</h3>
-          <p>birth year: {character.birth_year}</p>
-          <p>gender: {character.gender}</p>
-          <p>skin color: {character.skin_color}</p>
-          <p>eye color: {character.eye_color}</p>
-        </article>
-
-    }
+    {error ? (
+      <p>We encountered and error.</p>
+    ) : (
+      <article>
+        <h3>Character: {character.name}</h3>
+        <p>birth year: {character.birth_year}</p>
+        <p>gender: {character.gender}</p>
+        <p>skin color: {character.skin_color}</p>
+        <p>eye color: {character.eye_color}</p>
+      </article>
+    )}
     <p>
-      (was character fetched on server? -{' '}
-      <b>{isFetchedOnServer.toString()})</b>
+      (was character fetched on server? - <b>{isFetchedOnServer.toString()})</b>
     </p>
     <style jsx>{`
       article {
-        background-color: #528CE0;
+        background-color: #528ce0;
         border-radius: 15px;
         padding: 15px;
         width: 250px;
@@ -34,10 +38,8 @@ const CharacterInfo = ({ character, error, fetchCharacter, isFetchedOnServer = f
   </div>
 )
 
-export default connect(
-  state => ({
-    character: state.character,
-    error: state.error,
-    isFetchedOnServer: state.isFetchedOnServer
-  })
-)(CharacterInfo)
+export default connect(state => ({
+  character: state.character,
+  error: state.error,
+  isFetchedOnServer: state.isFetchedOnServer
+}))(CharacterInfo)
diff --git a/examples/with-redux-observable/pages/index.js b/examples/with-redux-observable/pages/index.js
index 1363f344..e650e719 100644
--- a/examples/with-redux-observable/pages/index.js
+++ b/examples/with-redux-observable/pages/index.js
@@ -34,7 +34,9 @@ class Counter extends React.Component {
         <CharacterInfo />
         <br />
         <nav>
-          <Link href='/other'><a>Navigate to "/other"</a></Link>
+          <Link href='/other'>
+            <a>Navigate to "/other"</a>
+          </Link>
         </nav>
       </div>
     )
diff --git a/examples/with-redux-observable/redux/epics.js b/examples/with-redux-observable/redux/epics.js
index aa3f21bd..663e3092 100644
--- a/examples/with-redux-observable/redux/epics.js
+++ b/examples/with-redux-observable/redux/epics.js
@@ -12,10 +12,12 @@ export const fetchUserEpic = (action$, state$) =>
     mergeMap(action => {
       return interval(3000).pipe(
         map(x => actions.fetchCharacter()),
-        takeUntil(action$.ofType(
-          types.STOP_FETCHING_CHARACTERS,
-          types.FETCH_CHARACTER_FAILURE
-        ))
+        takeUntil(
+          action$.ofType(
+            types.STOP_FETCHING_CHARACTERS,
+            types.FETCH_CHARACTER_FAILURE
+          )
+        )
       )
     })
   )
@@ -45,7 +47,4 @@ export const fetchCharacterEpic = (action$, state$) =>
     )
   )
 
-export const rootEpic = combineEpics(
-  fetchUserEpic,
-  fetchCharacterEpic
-)
+export const rootEpic = combineEpics(fetchUserEpic, fetchCharacterEpic)
diff --git a/examples/with-redux-observable/redux/index.js b/examples/with-redux-observable/redux/index.js
index 02a72f3c..7551b4ca 100644
--- a/examples/with-redux-observable/redux/index.js
+++ b/examples/with-redux-observable/redux/index.js
@@ -13,4 +13,4 @@ export default function initStore (initialState) {
   epicMiddleware.run(rootEpic)
 
   return store
-};
+}
diff --git a/examples/with-redux-observable/redux/reducer.js b/examples/with-redux-observable/redux/reducer.js
index e4a6cea2..f11e9655 100644
--- a/examples/with-redux-observable/redux/reducer.js
+++ b/examples/with-redux-observable/redux/reducer.js
@@ -17,7 +17,11 @@ export default function reducer (state = INITIAL_STATE, { type, payload }) {
         nextCharacterId: state.nextCharacterId + 1
       }
     case types.FETCH_CHARACTER_FAILURE:
-      return { ...state, error: payload.error, isFetchedOnServer: payload.isServer }
+      return {
+        ...state,
+        error: payload.error,
+        isFetchedOnServer: payload.isServer
+      }
     default:
       return state
   }
diff --git a/examples/with-redux-reselect-recompose/actions/index.js b/examples/with-redux-reselect-recompose/actions/index.js
index edb640ce..548624df 100644
--- a/examples/with-redux-reselect-recompose/actions/index.js
+++ b/examples/with-redux-reselect-recompose/actions/index.js
@@ -4,6 +4,8 @@ export const addCount = () => ({ type: ADD })
 
 export const setClock = (light, ts) => ({ type: TICK, light, ts })
 
-export const serverRenderClock = isServer => dispatch => dispatch(setClock(!isServer, Date.now()))
+export const serverRenderClock = isServer => dispatch =>
+  dispatch(setClock(!isServer, Date.now()))
 
-export const startClock = () => dispatch => setInterval(() => dispatch(setClock(true, Date.now())), 800)
+export const startClock = () => dispatch =>
+  setInterval(() => dispatch(setClock(true, Date.now())), 800)
diff --git a/examples/with-redux-reselect-recompose/components/addCount.js b/examples/with-redux-reselect-recompose/components/addCount.js
index 42224c41..dac4dbb4 100644
--- a/examples/with-redux-reselect-recompose/components/addCount.js
+++ b/examples/with-redux-reselect-recompose/components/addCount.js
@@ -2,16 +2,19 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { compose, setDisplayName, pure, setPropTypes } from 'recompose'
 
-const AddCount = ({ count, addCount }) =>
+const AddCount = ({ count, addCount }) => (
   <div>
     <style jsx>{`
       div {
         padding: 0 0 20px 0;
       }
-  `}</style>
-    <h1>AddCount: <span>{count}</span></h1>
+    `}</style>
+    <h1>
+      AddCount: <span>{count}</span>
+    </h1>
     <button onClick={addCount}>Add To Count</button>
   </div>
+)
 
 export default compose(
   setDisplayName('AddCount'),
diff --git a/examples/with-redux-reselect-recompose/components/clock.js b/examples/with-redux-reselect-recompose/components/clock.js
index 59fbfd81..b0cd3645 100644
--- a/examples/with-redux-reselect-recompose/components/clock.js
+++ b/examples/with-redux-reselect-recompose/components/clock.js
@@ -2,18 +2,19 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { compose, pure, setDisplayName, setPropTypes } from 'recompose'
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
 
-const Clock = ({ lastUpdate, light }) =>
+const Clock = ({ lastUpdate, light }) => (
   <div className={light ? 'light' : ''}>
     {format(new Date(lastUpdate))}
     <style jsx>{`
       div {
         padding: 15px;
         display: inline-block;
-        color: #82FA58;
+        color: #82fa58;
         font: 50px menlo, monaco, monospace;
         background-color: #000;
       }
@@ -23,6 +24,7 @@ const Clock = ({ lastUpdate, light }) =>
       }
     `}</style>
   </div>
+)
 
 export default compose(
   setDisplayName('Clock'),
diff --git a/examples/with-redux-reselect-recompose/components/page.js b/examples/with-redux-reselect-recompose/components/page.js
index 629727c3..0f14a1e0 100644
--- a/examples/with-redux-reselect-recompose/components/page.js
+++ b/examples/with-redux-reselect-recompose/components/page.js
@@ -5,15 +5,18 @@ import { compose, setDisplayName, pure, setPropTypes } from 'recompose'
 import Clock from './clock'
 import AddCount from './addCount'
 
-const Page = ({ title, linkTo, light, lastUpdate, count, addCount }) =>
+const Page = ({ title, linkTo, light, lastUpdate, count, addCount }) => (
   <div>
     <h1>{title}</h1>
     <Clock lastUpdate={lastUpdate} light={light} />
     <AddCount count={count} addCount={addCount} />
     <nav>
-      <Link href={linkTo}><a>Navigate</a></Link>
+      <Link href={linkTo}>
+        <a>Navigate</a>
+      </Link>
     </nav>
   </div>
+)
 
 export default compose(
   setDisplayName('Page'),
diff --git a/examples/with-redux-reselect-recompose/containers/page.js b/examples/with-redux-reselect-recompose/containers/page.js
index 1cf8d96f..3315d86c 100644
--- a/examples/with-redux-reselect-recompose/containers/page.js
+++ b/examples/with-redux-reselect-recompose/containers/page.js
@@ -7,11 +7,14 @@ import Page from 'components/page'
 
 export default compose(
   setDisplayName('PageContainer'),
-  connect(createSelector(
-    selectLight(),
-    selectLastUpdate(),
-    selectCount(),
-    (light, lastUpdate, count) => ({ light, lastUpdate, count })
-  ), { addCount }),
+  connect(
+    createSelector(
+      selectLight(),
+      selectLastUpdate(),
+      selectCount(),
+      (light, lastUpdate, count) => ({ light, lastUpdate, count })
+    ),
+    { addCount }
+  ),
   pure
 )(Page)
diff --git a/examples/with-redux-reselect-recompose/selectors/index.js b/examples/with-redux-reselect-recompose/selectors/index.js
index 4260bb27..dd9d52e2 100644
--- a/examples/with-redux-reselect-recompose/selectors/index.js
+++ b/examples/with-redux-reselect-recompose/selectors/index.js
@@ -2,17 +2,20 @@ import { createSelector } from 'reselect'
 
 export const selectState = () => state => state.count
 
-export const selectCount = () => createSelector(
-  selectState(),
-  count => count.count
-)
+export const selectCount = () =>
+  createSelector(
+    selectState(),
+    count => count.count
+  )
 
-export const selectLight = () => createSelector(
-  selectState(),
-  count => count.light
-)
+export const selectLight = () =>
+  createSelector(
+    selectState(),
+    count => count.light
+  )
 
-export const selectLastUpdate = () => createSelector(
-  selectState(),
-  count => count.lastUpdate
-)
+export const selectLastUpdate = () =>
+  createSelector(
+    selectState(),
+    count => count.lastUpdate
+  )
diff --git a/examples/with-redux-reselect-recompose/store.js b/examples/with-redux-reselect-recompose/store.js
index 7449d8ea..0832a839 100644
--- a/examples/with-redux-reselect-recompose/store.js
+++ b/examples/with-redux-reselect-recompose/store.js
@@ -5,9 +5,5 @@ import reducer, { initialState } from 'reducers'
 
 export default (state = initialState) => {
   const middlewares = [thunkMiddleware, createLogger()]
-  return createStore(
-    reducer,
-    state,
-    compose(applyMiddleware(...middlewares))
-  )
+  return createStore(reducer, state, compose(applyMiddleware(...middlewares)))
 }
diff --git a/examples/with-redux-saga/actions.js b/examples/with-redux-saga/actions.js
index 3b9c54e8..bc1bcf5f 100644
--- a/examples/with-redux-saga/actions.js
+++ b/examples/with-redux-saga/actions.js
@@ -17,19 +17,19 @@ export function failure (error) {
 }
 
 export function increment () {
-  return {type: actionTypes.INCREMENT}
+  return { type: actionTypes.INCREMENT }
 }
 
 export function decrement () {
-  return {type: actionTypes.DECREMENT}
+  return { type: actionTypes.DECREMENT }
 }
 
 export function reset () {
-  return {type: actionTypes.RESET}
+  return { type: actionTypes.RESET }
 }
 
 export function loadData () {
-  return {type: actionTypes.LOAD_DATA}
+  return { type: actionTypes.LOAD_DATA }
 }
 
 export function loadDataSuccess (data) {
@@ -40,7 +40,7 @@ export function loadDataSuccess (data) {
 }
 
 export function startClock () {
-  return {type: actionTypes.START_CLOCK}
+  return { type: actionTypes.START_CLOCK }
 }
 
 export function tickClock (isServer) {
diff --git a/examples/with-redux-saga/components/clock.js b/examples/with-redux-saga/components/clock.js
index 2cf4f35f..98b339bf 100644
--- a/examples/with-redux-saga/components/clock.js
+++ b/examples/with-redux-saga/components/clock.js
@@ -9,7 +9,7 @@ const format = t => {
   return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`
 }
 
-function Clock ({lastUpdate, light}) {
+function Clock ({ lastUpdate, light }) {
   return (
     <div className={light ? 'light' : ''}>
       {format(new Date(lastUpdate))}
@@ -17,7 +17,7 @@ function Clock ({lastUpdate, light}) {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
diff --git a/examples/with-redux-saga/components/counter.js b/examples/with-redux-saga/components/counter.js
index 1e53b5cb..0b47aeb7 100644
--- a/examples/with-redux-saga/components/counter.js
+++ b/examples/with-redux-saga/components/counter.js
@@ -1,7 +1,7 @@
-import React, {Component} from 'react'
-import {connect} from 'react-redux'
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
 
-import {increment, decrement, reset} from '../actions'
+import { increment, decrement, reset } from '../actions'
 
 class Counter extends Component {
   increment = () => {
@@ -17,7 +17,7 @@ class Counter extends Component {
   }
 
   render () {
-    const {count} = this.props
+    const { count } = this.props
     return (
       <div>
         <style jsx>{`
@@ -36,5 +36,5 @@ class Counter extends Component {
   }
 }
 
-const mapStateToProps = ({count}) => ({count})
+const mapStateToProps = ({ count }) => ({ count })
 export default connect(mapStateToProps)(Counter)
diff --git a/examples/with-redux-saga/components/page.js b/examples/with-redux-saga/components/page.js
index 59cccdbf..f9a25293 100644
--- a/examples/with-redux-saga/components/page.js
+++ b/examples/with-redux-saga/components/page.js
@@ -1,15 +1,21 @@
 import Link from 'next/link'
-import {connect} from 'react-redux'
+import { connect } from 'react-redux'
 
 import Counter from './counter'
 import Clock from './clock'
 
-function Page ({error, lastUpdate, light, linkTo, NavigateTo, placeholderData, title}) {
+function Page ({
+  error,
+  lastUpdate,
+  light,
+  linkTo,
+  NavigateTo,
+  placeholderData,
+  title
+}) {
   return (
     <div>
-      <h1>
-        {title}
-      </h1>
+      <h1>{title}</h1>
       <Clock lastUpdate={lastUpdate} light={light} />
       <Counter />
       <nav>
@@ -17,16 +23,12 @@ function Page ({error, lastUpdate, light, linkTo, NavigateTo, placeholderData, t
           <a>Navigate: {NavigateTo}</a>
         </Link>
       </nav>
-      {placeholderData &&
+      {placeholderData && (
         <pre>
-          <code>
-            {JSON.stringify(placeholderData, null, 2)}
-          </code>
-        </pre>}
-      {error &&
-        <p style={{color: 'red'}}>
-          Error: {error.message}
-        </p>}
+          <code>{JSON.stringify(placeholderData, null, 2)}</code>
+        </pre>
+      )}
+      {error && <p style={{ color: 'red' }}>Error: {error.message}</p>}
     </div>
   )
 }
diff --git a/examples/with-redux-saga/pages/index.js b/examples/with-redux-saga/pages/index.js
index d9995f4d..294781a8 100644
--- a/examples/with-redux-saga/pages/index.js
+++ b/examples/with-redux-saga/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import {connect} from 'react-redux'
+import { connect } from 'react-redux'
 
-import {loadData, startClock, tickClock} from '../actions'
+import { loadData, startClock, tickClock } from '../actions'
 import Page from '../components/page'
 
 class Index extends React.Component {
diff --git a/examples/with-redux-saga/pages/other.js b/examples/with-redux-saga/pages/other.js
index 4b78a270..4e44013c 100644
--- a/examples/with-redux-saga/pages/other.js
+++ b/examples/with-redux-saga/pages/other.js
@@ -1,7 +1,7 @@
 import React from 'react'
-import {connect} from 'react-redux'
+import { connect } from 'react-redux'
 
-import {startClock, tickClock} from '../actions'
+import { startClock, tickClock } from '../actions'
 import Page from '../components/page'
 
 class Other extends React.Component {
diff --git a/examples/with-redux-saga/reducer.js b/examples/with-redux-saga/reducer.js
index 656ac403..06d7d86d 100644
--- a/examples/with-redux-saga/reducer.js
+++ b/examples/with-redux-saga/reducer.js
@@ -1,4 +1,4 @@
-import {actionTypes} from './actions'
+import { actionTypes } from './actions'
 
 export const exampleInitialState = {
   count: 0,
@@ -13,37 +13,37 @@ function reducer (state = exampleInitialState, action) {
     case actionTypes.FAILURE:
       return {
         ...state,
-        ...{error: action.error}
+        ...{ error: action.error }
       }
 
     case actionTypes.INCREMENT:
       return {
         ...state,
-        ...{count: state.count + 1}
+        ...{ count: state.count + 1 }
       }
 
     case actionTypes.DECREMENT:
       return {
         ...state,
-        ...{count: state.count - 1}
+        ...{ count: state.count - 1 }
       }
 
     case actionTypes.RESET:
       return {
         ...state,
-        ...{count: exampleInitialState.count}
+        ...{ count: exampleInitialState.count }
       }
 
     case actionTypes.LOAD_DATA_SUCCESS:
       return {
         ...state,
-        ...{placeholderData: action.data}
+        ...{ placeholderData: action.data }
       }
 
     case actionTypes.TICK_CLOCK:
       return {
         ...state,
-        ...{lastUpdate: action.ts, light: !!action.light}
+        ...{ lastUpdate: action.ts, light: !!action.light }
       }
 
     default:
diff --git a/examples/with-redux-saga/saga.js b/examples/with-redux-saga/saga.js
index e6d471d6..cd492cea 100644
--- a/examples/with-redux-saga/saga.js
+++ b/examples/with-redux-saga/saga.js
@@ -1,11 +1,11 @@
 /* global fetch */
 
-import {delay} from 'redux-saga'
-import {all, call, put, take, takeLatest} from 'redux-saga/effects'
+import { delay } from 'redux-saga'
+import { all, call, put, take, takeLatest } from 'redux-saga/effects'
 import es6promise from 'es6-promise'
 import 'isomorphic-unfetch'
 
-import {actionTypes, failure, loadDataSuccess, tickClock} from './actions'
+import { actionTypes, failure, loadDataSuccess, tickClock } from './actions'
 
 es6promise.polyfill()
 
diff --git a/examples/with-redux-saga/store.js b/examples/with-redux-saga/store.js
index 94477e69..cd955008 100644
--- a/examples/with-redux-saga/store.js
+++ b/examples/with-redux-saga/store.js
@@ -1,12 +1,12 @@
-import {createStore, applyMiddleware} from 'redux'
+import { createStore, applyMiddleware } from 'redux'
 import createSagaMiddleware from 'redux-saga'
 
-import rootReducer, {exampleInitialState} from './reducer'
+import rootReducer, { exampleInitialState } from './reducer'
 import rootSaga from './saga'
 
 const sagaMiddleware = createSagaMiddleware()
 
-const bindMiddleware = (middleware) => {
+const bindMiddleware = middleware => {
   if (process.env.NODE_ENV !== 'production') {
     const { composeWithDevTools } = require('redux-devtools-extension')
     return composeWithDevTools(applyMiddleware(...middleware))
diff --git a/examples/with-redux-wrapper/components/AddCount.js b/examples/with-redux-wrapper/components/AddCount.js
index 91a9a266..1850282e 100644
--- a/examples/with-redux-wrapper/components/AddCount.js
+++ b/examples/with-redux-wrapper/components/AddCount.js
@@ -1,5 +1,5 @@
 /* eslint-disable */
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { addCount } from '../store'
@@ -9,7 +9,7 @@ class AddCount extends Component {
     this.props.addCount()
   }
 
-  render () {
+  render() {
     const { count } = this.props
     return (
       <div>
@@ -17,8 +17,10 @@ class AddCount extends Component {
           div {
             padding: 0 0 20px 0;
           }
-      `}</style>
-        <h1>AddCount: <span>{count}</span></h1>
+        `}</style>
+        <h1>
+          AddCount: <span>{count}</span>
+        </h1>
         <button onClick={this.add}>Add To Count</button>
       </div>
     )
@@ -27,10 +29,13 @@ class AddCount extends Component {
 
 const mapStateToProps = ({ count }) => ({ count })
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch)
   }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(AddCount)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(AddCount)
diff --git a/examples/with-redux-wrapper/components/Clock.js b/examples/with-redux-wrapper/components/Clock.js
index d8e05cea..9fb286e1 100644
--- a/examples/with-redux-wrapper/components/Clock.js
+++ b/examples/with-redux-wrapper/components/Clock.js
@@ -6,7 +6,7 @@ export default ({ lastUpdate, light }) => {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
@@ -19,6 +19,7 @@ export default ({ lastUpdate, light }) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-redux-wrapper/components/Page.js b/examples/with-redux-wrapper/components/Page.js
index 3532e3fb..e3b11704 100644
--- a/examples/with-redux-wrapper/components/Page.js
+++ b/examples/with-redux-wrapper/components/Page.js
@@ -3,15 +3,19 @@ import { connect } from 'react-redux'
 import Clock from './Clock'
 import AddCount from './AddCount'
 
-export default connect(state => state)(({ title, linkTo, lastUpdate, light }) => {
-  return (
-    <div>
-      <h1>{title}</h1>
-      <Clock lastUpdate={lastUpdate} light={light} />
-      <AddCount />
-      <nav>
-        <Link href={linkTo}><a>Navigate</a></Link>
-      </nav>
-    </div>
-  )
-})
+export default connect(state => state)(
+  ({ title, linkTo, lastUpdate, light }) => {
+    return (
+      <div>
+        <h1>{title}</h1>
+        <Clock lastUpdate={lastUpdate} light={light} />
+        <AddCount />
+        <nav>
+          <Link href={linkTo}>
+            <a>Navigate</a>
+          </Link>
+        </nav>
+      </div>
+    )
+  }
+)
diff --git a/examples/with-redux-wrapper/pages/_app.js b/examples/with-redux-wrapper/pages/_app.js
index a9175769..0d8d575f 100644
--- a/examples/with-redux-wrapper/pages/_app.js
+++ b/examples/with-redux-wrapper/pages/_app.js
@@ -1,22 +1,28 @@
 import React from 'react'
-import {Provider} from 'react-redux'
-import App, {Container} from 'next/app'
+import { Provider } from 'react-redux'
+import App, { Container } from 'next/app'
 import withRedux from 'next-redux-wrapper'
-import {initStore} from '../store'
+import { initStore } from '../store'
 
-export default withRedux(initStore)(class MyApp extends App {
-  static async getInitialProps ({Component, ctx}) {
-    return {
-      pageProps: (Component.getInitialProps ? await Component.getInitialProps(ctx) : {})
+export default withRedux(initStore)(
+  class MyApp extends App {
+    static async getInitialProps ({ Component, ctx }) {
+      return {
+        pageProps: Component.getInitialProps
+          ? await Component.getInitialProps(ctx)
+          : {}
+      }
+    }
+
+    render () {
+      const { Component, pageProps, store } = this.props
+      return (
+        <Container>
+          <Provider store={store}>
+            <Component {...pageProps} />
+          </Provider>
+        </Container>
+      )
     }
   }
-
-  render () {
-    const {Component, pageProps, store} = this.props
-    return <Container>
-      <Provider store={store}>
-        <Component {...pageProps} />
-      </Provider>
-    </Container>
-  }
-})
+)
diff --git a/examples/with-redux-wrapper/pages/index.js b/examples/with-redux-wrapper/pages/index.js
index 25356031..381aa1a3 100644
--- a/examples/with-redux-wrapper/pages/index.js
+++ b/examples/with-redux-wrapper/pages/index.js
@@ -21,17 +21,18 @@ class Counter extends React.Component {
   }
 
   render () {
-    return (
-      <Page title='Index Page' linkTo='/other' />
-    )
+    return <Page title='Index Page' linkTo='/other' />
   }
 }
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch),
     startClock: bindActionCreators(startClock, dispatch)
   }
 }
 
-export default connect(null, mapDispatchToProps)(Counter)
+export default connect(
+  null,
+  mapDispatchToProps
+)(Counter)
diff --git a/examples/with-redux-wrapper/pages/other.js b/examples/with-redux-wrapper/pages/other.js
index a39c708c..ed8ace04 100644
--- a/examples/with-redux-wrapper/pages/other.js
+++ b/examples/with-redux-wrapper/pages/other.js
@@ -20,17 +20,18 @@ class Counter extends React.Component {
   }
 
   render () {
-    return (
-      <Page title='Other Page' linkTo='/' />
-    )
+    return <Page title='Other Page' linkTo='/' />
   }
 }
 
-const mapDispatchToProps = (dispatch) => {
+const mapDispatchToProps = dispatch => {
   return {
     addCount: bindActionCreators(addCount, dispatch),
     startClock: bindActionCreators(startClock, dispatch)
   }
 }
 
-export default connect(null, mapDispatchToProps)(Counter)
+export default connect(
+  null,
+  mapDispatchToProps
+)(Counter)
diff --git a/examples/with-redux-wrapper/store.js b/examples/with-redux-wrapper/store.js
index 7ad2c03f..f9532245 100644
--- a/examples/with-redux-wrapper/store.js
+++ b/examples/with-redux-wrapper/store.js
@@ -17,22 +17,29 @@ export const actionTypes = {
 export const reducer = (state = exampleInitialState, action) => {
   switch (action.type) {
     case actionTypes.TICK:
-      return Object.assign({}, state, { lastUpdate: action.ts, light: !!action.light })
+      return Object.assign({}, state, {
+        lastUpdate: action.ts,
+        light: !!action.light
+      })
     case actionTypes.ADD:
       return Object.assign({}, state, {
         count: state.count + 1
       })
-    default: return state
+    default:
+      return state
   }
 }
 
 // ACTIONS
-export const serverRenderClock = (isServer) => dispatch => {
+export const serverRenderClock = isServer => dispatch => {
   return dispatch({ type: actionTypes.TICK, light: !isServer, ts: Date.now() })
 }
 
 export const startClock = () => dispatch => {
-  return setInterval(() => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }), 1000)
+  return setInterval(
+    () => dispatch({ type: actionTypes.TICK, light: true, ts: Date.now() }),
+    1000
+  )
 }
 
 export const addCount = () => dispatch => {
@@ -40,5 +47,9 @@ export const addCount = () => dispatch => {
 }
 
 export const initStore = (initialState = exampleInitialState) => {
-  return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
+  return createStore(
+    reducer,
+    initialState,
+    composeWithDevTools(applyMiddleware(thunkMiddleware))
+  )
 }
diff --git a/examples/with-redux/components/clock.js b/examples/with-redux/components/clock.js
index d8e05cea..9fb286e1 100644
--- a/examples/with-redux/components/clock.js
+++ b/examples/with-redux/components/clock.js
@@ -6,7 +6,7 @@ export default ({ lastUpdate, light }) => {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
@@ -19,6 +19,7 @@ export default ({ lastUpdate, light }) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-redux/components/counter.js b/examples/with-redux/components/counter.js
index dd010df2..568c4263 100644
--- a/examples/with-redux/components/counter.js
+++ b/examples/with-redux/components/counter.js
@@ -1,20 +1,20 @@
-import React, {Component} from 'react'
+import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import { incrementCount, decrementCount, resetCount } from '../store'
 
 class Counter extends Component {
   increment = () => {
-    const {dispatch} = this.props
+    const { dispatch } = this.props
     dispatch(incrementCount())
   }
 
   decrement = () => {
-    const {dispatch} = this.props
+    const { dispatch } = this.props
     dispatch(decrementCount())
   }
 
   reset = () => {
-    const {dispatch} = this.props
+    const { dispatch } = this.props
     dispatch(resetCount())
   }
 
@@ -22,7 +22,9 @@ class Counter extends Component {
     const { count } = this.props
     return (
       <div>
-        <h1>Count: <span>{count}</span></h1>
+        <h1>
+          Count: <span>{count}</span>
+        </h1>
         <button onClick={this.increment}>+1</button>
         <button onClick={this.decrement}>-1</button>
         <button onClick={this.reset}>Reset</button>
@@ -32,8 +34,8 @@ class Counter extends Component {
 }
 
 function mapStateToProps (state) {
-  const {count} = state
-  return {count}
+  const { count } = state
+  return { count }
 }
 
 export default connect(mapStateToProps)(Counter)
diff --git a/examples/with-redux/components/examples.js b/examples/with-redux/components/examples.js
index d7fdf5ab..1654de53 100644
--- a/examples/with-redux/components/examples.js
+++ b/examples/with-redux/components/examples.js
@@ -1,4 +1,4 @@
-import {connect} from 'react-redux'
+import { connect } from 'react-redux'
 import Clock from './clock'
 import Counter from './counter'
 
diff --git a/examples/with-redux/lib/with-redux-store.js b/examples/with-redux/lib/with-redux-store.js
index 91e8e5ce..b6369a51 100644
--- a/examples/with-redux/lib/with-redux-store.js
+++ b/examples/with-redux/lib/with-redux-store.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import {initializeStore} from '../store'
+import { initializeStore } from '../store'
 
 const isServer = typeof window === 'undefined'
 const __NEXT_REDUX_STORE__ = '__NEXT_REDUX_STORE__'
@@ -17,7 +17,7 @@ function getOrCreateStore (initialState) {
   return window[__NEXT_REDUX_STORE__]
 }
 
-export default (App) => {
+export default App => {
   return class AppWithRedux extends React.Component {
     static async getInitialProps (appContext) {
       // Get or Create the store with `undefined` as initialState
diff --git a/examples/with-redux/pages/_app.js b/examples/with-redux/pages/_app.js
index 8980d5e9..9bc70cb3 100644
--- a/examples/with-redux/pages/_app.js
+++ b/examples/with-redux/pages/_app.js
@@ -1,11 +1,11 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import withReduxStore from '../lib/with-redux-store'
 import { Provider } from 'react-redux'
 
 class MyApp extends App {
   render () {
-    const {Component, pageProps, reduxStore} = this.props
+    const { Component, pageProps, reduxStore } = this.props
     return (
       <Container>
         <Provider store={reduxStore}>
diff --git a/examples/with-redux/pages/index.js b/examples/with-redux/pages/index.js
index 8b409f9b..ced844e9 100644
--- a/examples/with-redux/pages/index.js
+++ b/examples/with-redux/pages/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
-import {connect} from 'react-redux'
-import {startClock, serverRenderClock} from '../store'
+import { connect } from 'react-redux'
+import { startClock, serverRenderClock } from '../store'
 import Examples from '../components/examples'
 
 class Index extends React.Component {
@@ -12,7 +12,7 @@ class Index extends React.Component {
   }
 
   componentDidMount () {
-    const {dispatch} = this.props
+    const { dispatch } = this.props
     this.timer = startClock(dispatch)
   }
 
@@ -21,9 +21,7 @@ class Index extends React.Component {
   }
 
   render () {
-    return (
-      <Examples />
-    )
+    return <Examples />
   }
 }
 
diff --git a/examples/with-redux/store.js b/examples/with-redux/store.js
index 1d5afa2e..28caed50 100644
--- a/examples/with-redux/store.js
+++ b/examples/with-redux/store.js
@@ -35,12 +35,13 @@ export const reducer = (state = exampleInitialState, action) => {
       return Object.assign({}, state, {
         count: exampleInitialState.count
       })
-    default: return state
+    default:
+      return state
   }
 }
 
 // ACTIONS
-export const serverRenderClock = (isServer) => dispatch => {
+export const serverRenderClock = isServer => dispatch => {
   return dispatch({ type: actionTypes.TICK, light: !isServer, ts: Date.now() })
 }
 
@@ -64,5 +65,9 @@ export const resetCount = () => dispatch => {
 }
 
 export function initializeStore (initialState = exampleInitialState) {
-  return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
+  return createStore(
+    reducer,
+    initialState,
+    composeWithDevTools(applyMiddleware(thunkMiddleware))
+  )
 }
diff --git a/examples/with-reflux/actions/actions.js b/examples/with-reflux/actions/actions.js
index 281d7fe9..0866e4bc 100644
--- a/examples/with-reflux/actions/actions.js
+++ b/examples/with-reflux/actions/actions.js
@@ -1,8 +1,5 @@
 import Reflux from 'reflux'
 
-var Actions = Reflux.createActions([
-  'increment',
-  'decrement'
-])
+var Actions = Reflux.createActions(['increment', 'decrement'])
 
 export default Actions
diff --git a/examples/with-reflux/store/counterStore.js b/examples/with-reflux/store/counterStore.js
index d79105c5..7032b862 100644
--- a/examples/with-reflux/store/counterStore.js
+++ b/examples/with-reflux/store/counterStore.js
@@ -4,14 +4,14 @@ import Actions from '../actions/actions'
 export default class StatusStore extends Reflux.Store {
   constructor () {
     super()
-    this.state = {counter: 0}
+    this.state = { counter: 0 }
     this.listenTo(Actions.increment, this.onIncrement)
     this.listenTo(Actions.decrement, this.onDecrement)
   }
   onIncrement () {
-    this.setState({counter: this.state.counter + 1})
+    this.setState({ counter: this.state.counter + 1 })
   }
   onDecrement () {
-    this.setState({counter: this.state.counter - 1})
+    this.setState({ counter: this.state.counter - 1 })
   }
 }
diff --git a/examples/with-refnux/helpers/getStore.js b/examples/with-refnux/helpers/getStore.js
index 62ef34c4..d99b7109 100644
--- a/examples/with-refnux/helpers/getStore.js
+++ b/examples/with-refnux/helpers/getStore.js
@@ -2,7 +2,7 @@ import { createStore } from 'refnux'
 
 let storeMemoized = null
 
-const getStore = (initialState) => {
+const getStore = initialState => {
   let store = null
   if (typeof window === 'undefined') {
     store = createStore(initialState)
diff --git a/examples/with-refnux/helpers/withRefnux.js b/examples/with-refnux/helpers/withRefnux.js
index 2e32b216..74a8008e 100644
--- a/examples/with-refnux/helpers/withRefnux.js
+++ b/examples/with-refnux/helpers/withRefnux.js
@@ -1,4 +1,4 @@
-import {Provider} from 'refnux'
+import { Provider } from 'refnux'
 import getStore from './getStore'
 
 // The `withRefnux` "decorator"
@@ -8,7 +8,7 @@ import getStore from './getStore'
 // - passes `store` to Component's `getInitialProps` so that it can dispatch actions
 
 const withRefnux = (getInitialState, Component) => {
-  const Wrapper = (props) => {
+  const Wrapper = props => {
     var store = props.store
     // if getInitialProps was executed on the server we get a store
     // that's missing non-serializable functions.
@@ -17,10 +17,12 @@ const withRefnux = (getInitialState, Component) => {
     if (!store.dispatch) {
       store = getStore(props.store.state)
     }
-    return <Provider
-      store={store}
-      app={() => <Component {...props.componentProps} />}
-    />
+    return (
+      <Provider
+        store={store}
+        app={() => <Component {...props.componentProps} />}
+      />
+    )
   }
 
   Wrapper.getInitialProps = async function (context) {
diff --git a/examples/with-refnux/pages/page1.js b/examples/with-refnux/pages/page1.js
index 9978df20..56dfb795 100644
--- a/examples/with-refnux/pages/page1.js
+++ b/examples/with-refnux/pages/page1.js
@@ -8,18 +8,19 @@ import getInitialState from '../store/getInitialState'
 import counterIncrement from '../store/counterIncrement'
 import setTitle from '../store/setTitle'
 
-const Page1 = connect(
-  (state, dispatch) =>
-    <div>
-      <h3>{state.title}</h3>
-      <p>Current state: {JSON.stringify(state, null, 2)}</p>
-      <button onClick={() => dispatch(counterIncrement)} >Increment</button>
-      <Link href='/page2'><button>go to page 2</button></Link>
-    </div>
-)
+const Page1 = connect((state, dispatch) => (
+  <div>
+    <h3>{state.title}</h3>
+    <p>Current state: {JSON.stringify(state, null, 2)}</p>
+    <button onClick={() => dispatch(counterIncrement)}>Increment</button>
+    <Link href='/page2'>
+      <button>go to page 2</button>
+    </Link>
+  </div>
+))
 
 Page1.getInitialProps = async function (context) {
-  const {store} = context
+  const { store } = context
   // dispatch actions to store to set it up for this page / route
   store.dispatch(setTitle('Page 1'))
   return {} // we have a store, we don't need props!
diff --git a/examples/with-refnux/pages/page2.js b/examples/with-refnux/pages/page2.js
index 5eb52425..9e1a5e82 100644
--- a/examples/with-refnux/pages/page2.js
+++ b/examples/with-refnux/pages/page2.js
@@ -8,18 +8,19 @@ import getInitialState from '../store/getInitialState'
 import counterIncrement from '../store/counterIncrement'
 import setTitle from '../store/setTitle'
 
-const Page2 = connect(
-  (state, dispatch) =>
-    <div>
-      <h3>{state.title}</h3>
-      <p>Current state: {JSON.stringify(state, null, 2)}</p>
-      <button onClick={() => dispatch(counterIncrement)} >Increment</button>
-      <Link href='/page1'><button>go to page 2</button></Link>
-    </div>
-)
+const Page2 = connect((state, dispatch) => (
+  <div>
+    <h3>{state.title}</h3>
+    <p>Current state: {JSON.stringify(state, null, 2)}</p>
+    <button onClick={() => dispatch(counterIncrement)}>Increment</button>
+    <Link href='/page1'>
+      <button>go to page 2</button>
+    </Link>
+  </div>
+))
 
 Page2.getInitialProps = async function (context) {
-  const {store} = context
+  const { store } = context
   store.dispatch(setTitle('Page 2'))
   return {}
 }
diff --git a/examples/with-refnux/store/counterIncrement.js b/examples/with-refnux/store/counterIncrement.js
index ce1db930..d656b01b 100644
--- a/examples/with-refnux/store/counterIncrement.js
+++ b/examples/with-refnux/store/counterIncrement.js
@@ -1,5 +1,4 @@
-
-const counterIncrement = ({counter}, dispatch) => {
+const counterIncrement = ({ counter }, dispatch) => {
   return { counter: counter + 1 }
 }
 
diff --git a/examples/with-refnux/store/setTitle.js b/examples/with-refnux/store/setTitle.js
index 86f2b031..eb90567f 100644
--- a/examples/with-refnux/store/setTitle.js
+++ b/examples/with-refnux/store/setTitle.js
@@ -1,5 +1,4 @@
-
-const setTitle = (newTitle) => ({title}) => {
+const setTitle = newTitle => ({ title }) => {
   return { title: newTitle }
 }
 
diff --git a/examples/with-relay-modern-server-express/components/BlogPosts.js b/examples/with-relay-modern-server-express/components/BlogPosts.js
index 993cbe86..3e78b4c0 100644
--- a/examples/with-relay-modern-server-express/components/BlogPosts.js
+++ b/examples/with-relay-modern-server-express/components/BlogPosts.js
@@ -22,9 +22,9 @@ const BlogPosts = props => {
   return (
     <div>
       <h1>Blog posts</h1>
-      {props.viewer.allBlogPosts.edges.map(({ node }) =>
+      {props.viewer.allBlogPosts.edges.map(({ node }) => (
         <BlogPostPreview key={node.id} post={node} />
-      )}
+      ))}
       <br />
       <button disabled={!hasPrevPage} onClick={prevOnClick}>
         Previous Page
diff --git a/examples/with-relay-modern-server-express/lib/createRelayEnvironment.js b/examples/with-relay-modern-server-express/lib/createRelayEnvironment.js
index e737a401..f2751014 100644
--- a/examples/with-relay-modern-server-express/lib/createRelayEnvironment.js
+++ b/examples/with-relay-modern-server-express/lib/createRelayEnvironment.js
@@ -5,18 +5,13 @@ let relayEnvironment = null
 
 // Define a function that fetches the results of an operation (query/mutation/etc)
 // and returns its results as a Promise:
-function fetchQuery (
-  operation,
-  variables,
-  cacheConfig,
-  uploadables
-) {
+function fetchQuery (operation, variables, cacheConfig, uploadables) {
   // Because we implement the graphql server, the client must to point to the same host
   const relayServer = process.browser ? '' : process.env.RELAY_SERVER
   return fetch(`${relayServer}/graphql`, {
     method: 'POST',
     headers: {
-      'Accept': 'application/json',
+      Accept: 'application/json',
       'Content-Type': 'application/json'
     }, // Add authentication and other headers here
     body: JSON.stringify({
diff --git a/examples/with-relay-modern-server-express/lib/withData.js b/examples/with-relay-modern-server-express/lib/withData.js
index 0e1debf4..2cba4931 100644
--- a/examples/with-relay-modern-server-express/lib/withData.js
+++ b/examples/with-relay-modern-server-express/lib/withData.js
@@ -23,7 +23,10 @@ export default (ComposedComponent, options = {}) => {
         // TODO: Consider RelayQueryResponseCache
         // https://github.com/facebook/relay/issues/1687#issuecomment-302931855
         queryProps = await fetchQuery(environment, options.query, variables)
-        queryRecords = environment.getStore().getSource().toJSON()
+        queryRecords = environment
+          .getStore()
+          .getSource()
+          .toJSON()
       }
 
       return {
diff --git a/examples/with-relay-modern-server-express/next.config.js b/examples/with-relay-modern-server-express/next.config.js
index b7747be2..465bf54c 100644
--- a/examples/with-relay-modern-server-express/next.config.js
+++ b/examples/with-relay-modern-server-express/next.config.js
@@ -4,7 +4,7 @@ const path = require('path')
 const Dotenv = require('dotenv-webpack')
 
 module.exports = {
-  webpack: (config) => {
+  webpack: config => {
     config.plugins = config.plugins || []
 
     config.plugins = [
diff --git a/examples/with-relay-modern-server-express/pages/index.js b/examples/with-relay-modern-server-express/pages/index.js
index 3ddc97c3..aa94734e 100644
--- a/examples/with-relay-modern-server-express/pages/index.js
+++ b/examples/with-relay-modern-server-express/pages/index.js
@@ -21,7 +21,10 @@ class Index extends Component {
   render (props) {
     return (
       <div>
-        <BlogPosts viewer={this.props.viewer} relayVariables={this.props.relayVariables} />
+        <BlogPosts
+          viewer={this.props.viewer}
+          relayVariables={this.props.relayVariables}
+        />
       </div>
     )
   }
@@ -29,7 +32,12 @@ class Index extends Component {
 
 export default withData(Index, {
   query: graphql`
-    query pages_indexQuery($after: String, $before: String, $first: Int, $last: Int) {
+    query pages_indexQuery(
+      $after: String
+      $before: String
+      $first: Int
+      $last: Int
+    ) {
       viewer(after: $after, before: $before, first: $first, last: $last) {
         ...BlogPosts_viewer
       }
diff --git a/examples/with-relay-modern-server-express/server/index.js b/examples/with-relay-modern-server-express/server/index.js
index 43a01135..300ad069 100644
--- a/examples/with-relay-modern-server-express/server/index.js
+++ b/examples/with-relay-modern-server-express/server/index.js
@@ -13,22 +13,24 @@ const schemaPath = path.join(__dirname, '/schema.graphql')
 const schemaContent = fs.readFileSync(schemaPath).toString()
 const graphqlSchema = buildSchema(schemaContent)
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    server.use('/graphql', graphqlHTTP({
+  server.use(
+    '/graphql',
+    graphqlHTTP({
       schema: graphqlSchema,
       graphiql: false,
       rootValue: rootValue
-    }))
-
-    server.get('*', (req, res) => {
-      return handle(req, res)
     })
+  )
 
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  server.get('*', (req, res) => {
+    return handle(req, res)
   })
+
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
diff --git a/examples/with-relay-modern/components/BlogPostPreview.js b/examples/with-relay-modern/components/BlogPostPreview.js
index 4043ebcc..b406dc53 100644
--- a/examples/with-relay-modern/components/BlogPostPreview.js
+++ b/examples/with-relay-modern/components/BlogPostPreview.js
@@ -2,16 +2,14 @@ import React from 'react'
 import { createFragmentContainer, graphql } from 'react-relay'
 
 const BlogPostPreview = props => {
-  return (
-    <div key={props.post.id}>{props.post.title}</div>
-  )
+  return <div key={props.post.id}>{props.post.title}</div>
 }
 
 export default createFragmentContainer(BlogPostPreview, {
   post: graphql`
-        fragment BlogPostPreview_post on BlogPost {
-            id
-            title
-        }
-    `
+    fragment BlogPostPreview_post on BlogPost {
+      id
+      title
+    }
+  `
 })
diff --git a/examples/with-relay-modern/components/BlogPosts.js b/examples/with-relay-modern/components/BlogPosts.js
index 0d1f54e5..dc3bdbb0 100644
--- a/examples/with-relay-modern/components/BlogPosts.js
+++ b/examples/with-relay-modern/components/BlogPosts.js
@@ -6,24 +6,24 @@ const BlogPosts = props => {
   return (
     <div>
       <h1>Blog posts</h1>
-      {props.viewer.allBlogPosts.edges.map(({ node }) =>
-        <BlogPostPreview key={node.id}post={node} />
-      )}
+      {props.viewer.allBlogPosts.edges.map(({ node }) => (
+        <BlogPostPreview key={node.id} post={node} />
+      ))}
     </div>
   )
 }
 
 export default createFragmentContainer(BlogPosts, {
   viewer: graphql`
-        fragment BlogPosts_viewer on Viewer {
-            allBlogPosts(first: 10, orderBy: createdAt_DESC) {
-                edges {
-                    node {
-                        ...BlogPostPreview_post
-                        id
-                    }
-                }
-            }
+    fragment BlogPosts_viewer on Viewer {
+      allBlogPosts(first: 10, orderBy: createdAt_DESC) {
+        edges {
+          node {
+            ...BlogPostPreview_post
+            id
+          }
         }
-    `
+      }
+    }
+  `
 })
diff --git a/examples/with-relay-modern/lib/createRelayEnvironment.js b/examples/with-relay-modern/lib/createRelayEnvironment.js
index 47b62631..3162a7db 100644
--- a/examples/with-relay-modern/lib/createRelayEnvironment.js
+++ b/examples/with-relay-modern/lib/createRelayEnvironment.js
@@ -5,16 +5,11 @@ let relayEnvironment = null
 
 // Define a function that fetches the results of an operation (query/mutation/etc)
 // and returns its results as a Promise:
-function fetchQuery (
-  operation,
-  variables,
-  cacheConfig,
-  uploadables
-) {
+function fetchQuery (operation, variables, cacheConfig, uploadables) {
   return fetch(process.env.RELAY_ENDPOINT, {
     method: 'POST',
     headers: {
-      'Accept': 'application/json',
+      Accept: 'application/json',
       'Content-Type': 'application/json'
     }, // Add authentication and other headers here
     body: JSON.stringify({
diff --git a/examples/with-relay-modern/lib/withData.js b/examples/with-relay-modern/lib/withData.js
index 8d40fb8d..fa030e24 100644
--- a/examples/with-relay-modern/lib/withData.js
+++ b/examples/with-relay-modern/lib/withData.js
@@ -25,7 +25,10 @@ export default (ComposedComponent, options = {}) => {
         // TODO: Consider RelayQueryResponseCache
         // https://github.com/facebook/relay/issues/1687#issuecomment-302931855
         queryProps = await fetchQuery(environment, options.query, variables)
-        queryRecords = environment.getStore().getSource().toJSON()
+        queryRecords = environment
+          .getStore()
+          .getSource()
+          .toJSON()
       }
 
       return {
diff --git a/examples/with-relay-modern/next.config.js b/examples/with-relay-modern/next.config.js
index b7747be2..465bf54c 100644
--- a/examples/with-relay-modern/next.config.js
+++ b/examples/with-relay-modern/next.config.js
@@ -4,7 +4,7 @@ const path = require('path')
 const Dotenv = require('dotenv-webpack')
 
 module.exports = {
-  webpack: (config) => {
+  webpack: config => {
     config.plugins = config.plugins || []
 
     config.plugins = [
diff --git a/examples/with-relay-modern/pages/index.js b/examples/with-relay-modern/pages/index.js
index 35531a87..aef4d5ca 100644
--- a/examples/with-relay-modern/pages/index.js
+++ b/examples/with-relay-modern/pages/index.js
@@ -17,10 +17,10 @@ class Index extends Component {
 
 export default withData(Index, {
   query: graphql`
-        query pages_indexQuery {
-            viewer {
-                ...BlogPosts_viewer
-            }
-        }
-    `
+    query pages_indexQuery {
+      viewer {
+        ...BlogPosts_viewer
+      }
+    }
+  `
 })
diff --git a/examples/with-rematch/shared/components/counter-display.js b/examples/with-rematch/shared/components/counter-display.js
index f6beda2d..3deb41e6 100644
--- a/examples/with-rematch/shared/components/counter-display.js
+++ b/examples/with-rematch/shared/components/counter-display.js
@@ -28,4 +28,7 @@ const mapDispatch = ({ counter: { increment, incrementAsync } }) => ({
   incrementBy3: () => increment(3)
 })
 
-export default connect(mapState, mapDispatch)(CounterDisplay)
+export default connect(
+  mapState,
+  mapDispatch
+)(CounterDisplay)
diff --git a/examples/with-segment-analytics/components/Header.js b/examples/with-segment-analytics/components/Header.js
index d5087b9c..9739e3ea 100644
--- a/examples/with-segment-analytics/components/Header.js
+++ b/examples/with-segment-analytics/components/Header.js
@@ -5,9 +5,21 @@ export default () => (
   <header>
     <nav>
       <ul>
-        <li><Link href='/'><a>Home</a></Link></li>
-        <li><Link href='/about'><a>About</a></Link></li>
-        <li><Link href='/contact'><a>Contact</a></Link></li>
+        <li>
+          <Link href='/'>
+            <a>Home</a>
+          </Link>
+        </li>
+        <li>
+          <Link href='/about'>
+            <a>About</a>
+          </Link>
+        </li>
+        <li>
+          <Link href='/contact'>
+            <a>Contact</a>
+          </Link>
+        </li>
       </ul>
     </nav>
   </header>
diff --git a/examples/with-semantic-ui/pages/index.js b/examples/with-semantic-ui/pages/index.js
index d91b85f6..46af6e7b 100644
--- a/examples/with-semantic-ui/pages/index.js
+++ b/examples/with-semantic-ui/pages/index.js
@@ -8,12 +8,14 @@ export default () => (
       <Modal.Content image>
         <Modal.Description>
           <Header>Default Profile Image</Header>
-          <p>We have found the following gravatar image associated with your e-mail address.</p>
+          <p>
+            We have found the following gravatar image associated with your
+            e-mail address.
+          </p>
           <p>Is it okay to use this photo?</p>
         </Modal.Description>
       </Modal.Content>
     </Modal>
-
     <List relaxed>
       <List.Item>
         <List.Content>
@@ -31,7 +33,6 @@ export default () => (
         </List.Content>
       </List.Item>
     </List>
-
     Hello <Icon name='world' />
   </div>
 )
diff --git a/examples/with-sentry/pages/_app.js b/examples/with-sentry/pages/_app.js
index 61d194db..52156466 100644
--- a/examples/with-sentry/pages/_app.js
+++ b/examples/with-sentry/pages/_app.js
@@ -6,7 +6,7 @@ const SENTRY_PUBLIC_DSN = ''
 export default class MyApp extends App {
   constructor (...args) {
     super(...args)
-    Sentry.init({dsn: SENTRY_PUBLIC_DSN})
+    Sentry.init({ dsn: SENTRY_PUBLIC_DSN })
   }
 
   componentDidCatch (error, errorInfo) {
diff --git a/examples/with-shallow-routing/pages/about.js b/examples/with-shallow-routing/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/with-shallow-routing/pages/about.js
+++ b/examples/with-shallow-routing/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/with-sitemap-and-robots-express-server/server/app.js b/examples/with-sitemap-and-robots-express-server/server/app.js
index 81b49ba7..5202782c 100644
--- a/examples/with-sitemap-and-robots-express-server/server/app.js
+++ b/examples/with-sitemap-and-robots-express-server/server/app.js
@@ -21,7 +21,7 @@ app.prepare().then(() => {
   server.get('*', (req, res) => handle(req, res))
 
   // starting express server
-  server.listen(port, (err) => {
+  server.listen(port, err => {
     if (err) throw err
     console.log(`> Ready on ${ROOT_URL}`) // eslint-disable-line no-console
   })
diff --git a/examples/with-socket.io/pages/_app.js b/examples/with-socket.io/pages/_app.js
index 5bd478a3..fadd1d32 100644
--- a/examples/with-socket.io/pages/_app.js
+++ b/examples/with-socket.io/pages/_app.js
@@ -1,4 +1,4 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import io from 'socket.io-client'
 
@@ -27,7 +27,7 @@ class MyApp extends App {
   }
 
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <Component {...pageProps} socket={this.state.socket} />
diff --git a/examples/with-socket.io/pages/clone.js b/examples/with-socket.io/pages/clone.js
index 1a21baf7..14b4e636 100644
--- a/examples/with-socket.io/pages/clone.js
+++ b/examples/with-socket.io/pages/clone.js
@@ -51,12 +51,12 @@ class ChatTwo extends Component {
   }
 
   // add messages from server to the state
-  handleMessage = (message) => {
+  handleMessage = message => {
     this.setState(state => ({ messages: state.messages.concat(message) }))
   }
 
   handleOtherMessage = () => {
-    this.setState((prevState) => ({ newMessage: (prevState.newMessage + 1) }))
+    this.setState(prevState => ({ newMessage: prevState.newMessage + 1 }))
   }
 
   handleChange = event => {
@@ -69,7 +69,7 @@ class ChatTwo extends Component {
 
     // create message object
     const message = {
-      id: (new Date()).getTime(),
+      id: new Date().getTime(),
       value: this.state.field
     }
 
@@ -87,15 +87,23 @@ class ChatTwo extends Component {
     return (
       <main>
         <div>
-          <Link href={'/'}><a>{`Chat One ${this.state.newMessage > 0 ? `( ${this.state.newMessage} new message )` : ''}`}</a></Link>
+          <Link href={'/'}>
+            <a>{`Chat One ${
+              this.state.newMessage > 0
+                ? `( ${this.state.newMessage} new message )`
+                : ''
+            }`}</a>
+          </Link>
           <br />
-          <Link href={'/clone'}><a>{'Chat Two'}</a></Link>
+          <Link href={'/clone'}>
+            <a>{'Chat Two'}</a>
+          </Link>
           <ul>
-            {this.state.messages.map(message =>
+            {this.state.messages.map(message => (
               <li key={message.id}>{message.value}</li>
-            )}
+            ))}
           </ul>
-          <form onSubmit={(e) => this.handleSubmit(e)}>
+          <form onSubmit={e => this.handleSubmit(e)}>
             <input
               onChange={this.handleChange}
               type='text'
diff --git a/examples/with-socket.io/pages/index.js b/examples/with-socket.io/pages/index.js
index 34d17917..5101f514 100644
--- a/examples/with-socket.io/pages/index.js
+++ b/examples/with-socket.io/pages/index.js
@@ -51,12 +51,12 @@ class ChatOne extends Component {
   }
 
   // add messages from server to the state
-  handleMessage = (message) => {
+  handleMessage = message => {
     this.setState(state => ({ messages: state.messages.concat(message) }))
   }
 
   handleOtherMessage = () => {
-    this.setState((prevState) => ({ newMessage: (prevState.newMessage + 1) }))
+    this.setState(prevState => ({ newMessage: prevState.newMessage + 1 }))
   }
 
   handleChange = event => {
@@ -69,7 +69,7 @@ class ChatOne extends Component {
 
     // create message object
     const message = {
-      id: (new Date()).getTime(),
+      id: new Date().getTime(),
       value: this.state.field
     }
 
@@ -87,15 +87,23 @@ class ChatOne extends Component {
     return (
       <main>
         <div>
-          <Link href={'/'}><a>{'Chat One'}</a></Link>
+          <Link href={'/'}>
+            <a>{'Chat One'}</a>
+          </Link>
           <br />
-          <Link href={'/clone'}><a>{`Chat Two ${this.state.newMessage > 0 ? `( ${this.state.newMessage} new message )` : ''}`}</a></Link>
+          <Link href={'/clone'}>
+            <a>{`Chat Two ${
+              this.state.newMessage > 0
+                ? `( ${this.state.newMessage} new message )`
+                : ''
+            }`}</a>
+          </Link>
           <ul>
-            {this.state.messages.map(message =>
+            {this.state.messages.map(message => (
               <li key={message.id}>{message.value}</li>
-            )}
+            ))}
           </ul>
-          <form onSubmit={(e) => this.handleSubmit(e)}>
+          <form onSubmit={e => this.handleSubmit(e)}>
             <input
               onChange={this.handleChange}
               type='text'
diff --git a/examples/with-socket.io/server.js b/examples/with-socket.io/server.js
index 5a84b186..95396301 100644
--- a/examples/with-socket.io/server.js
+++ b/examples/with-socket.io/server.js
@@ -16,11 +16,11 @@ const messages = {
 
 // socket.io server
 io.on('connection', socket => {
-  socket.on('message.chat1', (data) => {
+  socket.on('message.chat1', data => {
     messages['chat1'].push(data)
     socket.broadcast.emit('message.chat1', data)
   })
-  socket.on('message.chat2', (data) => {
+  socket.on('message.chat2', data => {
     messages['chat2'].push(data)
     socket.broadcast.emit('message.chat2', data)
   })
@@ -35,7 +35,7 @@ nextApp.prepare().then(() => {
     return nextHandler(req, res)
   })
 
-  server.listen(port, (err) => {
+  server.listen(port, err => {
     if (err) throw err
     console.log(`> Ready on http://localhost:${port}`)
   })
diff --git a/examples/with-static-export/components/post.js b/examples/with-static-export/components/post.js
index da8fc5b9..149b0e8d 100644
--- a/examples/with-static-export/components/post.js
+++ b/examples/with-static-export/components/post.js
@@ -1,11 +1,15 @@
 import Link from 'next/link'
 
-export default props =>
+export default props => (
   <article>
     <h2>{props.title}</h2>
     <p>{props.body}</p>
     {/* render the URL as /post/:id */}
-    <Link href={{ pathname: '/post', query: { id: props.id } }} as={`/post/${props.id}`}>
+    <Link
+      href={{ pathname: '/post', query: { id: props.id } }}
+      as={`/post/${props.id}`}
+    >
       <a>Read more...</a>
     </Link>
   </article>
+)
diff --git a/examples/with-static-export/next.config.js b/examples/with-static-export/next.config.js
index 5988515f..cfd1cd46 100644
--- a/examples/with-static-export/next.config.js
+++ b/examples/with-static-export/next.config.js
@@ -3,7 +3,9 @@ const fetch = require('isomorphic-unfetch')
 module.exports = {
   async exportPathMap () {
     // we fetch our list of posts, this allow us to dynamically generate the exported pages
-    const response = await fetch('https://jsonplaceholder.typicode.com/posts?_page=1')
+    const response = await fetch(
+      'https://jsonplaceholder.typicode.com/posts?_page=1'
+    )
     const postList = await response.json()
 
     // tranform the list of posts into a map of pages with the pathname `/post/:id`
diff --git a/examples/with-static-export/pages/index.js b/examples/with-static-export/pages/index.js
index 800e7d9a..80ab6792 100644
--- a/examples/with-static-export/pages/index.js
+++ b/examples/with-static-export/pages/index.js
@@ -7,7 +7,9 @@ import Post from '../components/post'
 export default class extends Component {
   static async getInitialProps () {
     // fetch list of posts
-    const response = await fetch('https://jsonplaceholder.typicode.com/posts?_page=1')
+    const response = await fetch(
+      'https://jsonplaceholder.typicode.com/posts?_page=1'
+    )
     const postList = await response.json()
     return { postList }
   }
@@ -22,7 +24,9 @@ export default class extends Component {
         <h1>List of posts</h1>
 
         <section>
-          {this.props.postList.map(post => <Post {...post} key={post.id} />)}
+          {this.props.postList.map(post => (
+            <Post {...post} key={post.id} />
+          ))}
         </section>
       </main>
     )
diff --git a/examples/with-static-export/pages/post.js b/examples/with-static-export/pages/post.js
index 72ec1ccb..e8bd2832 100644
--- a/examples/with-static-export/pages/post.js
+++ b/examples/with-static-export/pages/post.js
@@ -6,7 +6,9 @@ import fetch from 'isomorphic-unfetch'
 export default class extends Component {
   static async getInitialProps ({ query }) {
     // fetch single post detail
-    const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${query.id}`)
+    const response = await fetch(
+      `https://jsonplaceholder.typicode.com/posts/${query.id}`
+    )
     const post = await response.json()
     return { ...post }
   }
diff --git a/examples/with-static-export/server.js b/examples/with-static-export/server.js
index 81b6ef50..59570841 100644
--- a/examples/with-static-export/server.js
+++ b/examples/with-static-export/server.js
@@ -6,23 +6,22 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    // custom route for posts
-    server.get('/post/:id', (req, res) => {
-      return app.render(req, res, '/post', {
-        id: req.params.id
-      })
-    })
-
-    server.get('*', (req, res) => {
-      return handle(req, res)
-    })
-
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
+  // custom route for posts
+  server.get('/post/:id', (req, res) => {
+    return app.render(req, res, '/post', {
+      id: req.params.id
     })
   })
+
+  server.get('*', (req, res) => {
+    return handle(req, res)
+  })
+
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
+  })
+})
diff --git a/examples/with-strict-csp-hash/pages/_document.js b/examples/with-strict-csp-hash/pages/_document.js
index a894ff12..411366d2 100644
--- a/examples/with-strict-csp-hash/pages/_document.js
+++ b/examples/with-strict-csp-hash/pages/_document.js
@@ -1,7 +1,7 @@
 import crypto from 'crypto'
 import Document, { Head, Main, NextScript } from 'next/document'
 
-const cspHashOf = (text) => {
+const cspHashOf = text => {
   const hash = crypto.createHash('sha256')
   hash.update(text)
   return `'sha256-${hash.digest('base64')}'`
@@ -9,7 +9,9 @@ const cspHashOf = (text) => {
 
 export default class extends Document {
   render () {
-    const csp = `default-src 'self'; script-src 'self' ${cspHashOf(NextScript.getInlineScriptSource(this.props))}`
+    const csp = `default-src 'self'; script-src 'self' ${cspHashOf(
+      NextScript.getInlineScriptSource(this.props)
+    )}`
 
     return (
       <html>
diff --git a/examples/with-strict-csp-hash/pages/index.js b/examples/with-strict-csp-hash/pages/index.js
index 3d446a4e..02d90896 100644
--- a/examples/with-strict-csp-hash/pages/index.js
+++ b/examples/with-strict-csp-hash/pages/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>Hello World</div>
-)
+export default () => <div>Hello World</div>
diff --git a/examples/with-strict-csp/pages/_document.js b/examples/with-strict-csp/pages/_document.js
index 05e710f6..305af483 100644
--- a/examples/with-strict-csp/pages/_document.js
+++ b/examples/with-strict-csp/pages/_document.js
@@ -1,7 +1,11 @@
 import Document, { Head, Main, NextScript } from 'next/document'
 
 const inlineScript = (body, nonce) => (
-  <script type='text/javascript' dangerouslySetInnerHTML={{ __html: body }} nonce={nonce} />
+  <script
+    type='text/javascript'
+    dangerouslySetInnerHTML={{ __html: body }}
+    nonce={nonce}
+  />
 )
 
 export default class MyDocument extends Document {
diff --git a/examples/with-strict-csp/pages/index.js b/examples/with-strict-csp/pages/index.js
index 3d446a4e..02d90896 100644
--- a/examples/with-strict-csp/pages/index.js
+++ b/examples/with-strict-csp/pages/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>Hello World</div>
-)
+export default () => <div>Hello World</div>
diff --git a/examples/with-strict-csp/server.js b/examples/with-strict-csp/server.js
index 5ea055bb..81c99f4c 100644
--- a/examples/with-strict-csp/server.js
+++ b/examples/with-strict-csp/server.js
@@ -7,16 +7,15 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    const server = express()
+app.prepare().then(() => {
+  const server = express()
 
-    csp(server)
+  csp(server)
 
-    server.use(handle)
+  server.use(handle)
 
-    server.listen(port, (err) => {
-      if (err) throw err
-      console.log(`> Ready on http://localhost:${port}`)
-    })
+  server.listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-style-sheet/pages/_document.js b/examples/with-style-sheet/pages/_document.js
index e6f5f88a..4843bb0b 100644
--- a/examples/with-style-sheet/pages/_document.js
+++ b/examples/with-style-sheet/pages/_document.js
@@ -6,7 +6,11 @@ export default class MyDocument extends Document {
       <html>
         <Head>
           <style>{`body { margin: 0 }`}</style>
-          <link id='__style_sheet_extracted__' rel='stylesheet' href='/_next/static/bundle.css' />
+          <link
+            id='__style_sheet_extracted__'
+            rel='stylesheet'
+            href='/_next/static/bundle.css'
+          />
         </Head>
         <body>
           <Main />
diff --git a/examples/with-style-sheet/pages/index.js b/examples/with-style-sheet/pages/index.js
index 70e2faab..320abc68 100644
--- a/examples/with-style-sheet/pages/index.js
+++ b/examples/with-style-sheet/pages/index.js
@@ -4,7 +4,9 @@ const cls = StyleResolver.resolve
 
 export default () => (
   <div className={cls([styles.root, styles.color])}>
-    <div>Hello from <span className={cls(styles.brand)}>Next.js</span></div>
+    <div>
+      Hello from <span className={cls(styles.brand)}>Next.js</span>
+    </div>
   </div>
 )
 
@@ -16,7 +18,8 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     minHeight: '100vh',
-    backgroundImage: 'radial-gradient(circle, #D7D7D7, #D7D7D7 1px, #FFF 1px, #FFF)',
+    backgroundImage:
+      'radial-gradient(circle, #D7D7D7, #D7D7D7 1px, #FFF 1px, #FFF)',
     backgroundSize: '1em 1em'
   },
   color: {
diff --git a/examples/with-styled-components/pages/_document.js b/examples/with-styled-components/pages/_document.js
index 77f69990..5bfaa540 100644
--- a/examples/with-styled-components/pages/_document.js
+++ b/examples/with-styled-components/pages/_document.js
@@ -6,11 +6,15 @@ export default class MyDocument extends Document {
     const sheet = new ServerStyleSheet()
 
     const originalRenderPage = ctx.renderPage
-    ctx.renderPage = () => originalRenderPage({
-      enhanceApp: App => props => sheet.collectStyles(<App {...props} />)
-    })
+    ctx.renderPage = () =>
+      originalRenderPage({
+        enhanceApp: App => props => sheet.collectStyles(<App {...props} />)
+      })
 
     const initialProps = await Document.getInitialProps(ctx)
-    return { ...initialProps, styles: [...initialProps.styles, ...sheet.getStyleElement()] }
+    return {
+      ...initialProps,
+      styles: [...initialProps.styles, ...sheet.getStyleElement()]
+    }
   }
 }
diff --git a/examples/with-sw-precache/next.config.js b/examples/with-sw-precache/next.config.js
index 7df5422e..1a580a1d 100644
--- a/examples/with-sw-precache/next.config.js
+++ b/examples/with-sw-precache/next.config.js
@@ -1,7 +1,7 @@
 const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin')
 
 module.exports = {
-  webpack: (config) => {
+  webpack: config => {
     config.plugins.push(
       new SWPrecacheWebpackPlugin({
         verbose: true,
diff --git a/examples/with-sw-precache/pages/index.js b/examples/with-sw-precache/pages/index.js
index eec403dc..8e8321dd 100644
--- a/examples/with-sw-precache/pages/index.js
+++ b/examples/with-sw-precache/pages/index.js
@@ -14,8 +14,6 @@ export default class extends React.PureComponent {
     }
   }
   render () {
-    return (
-      <p>Check the console for the Service Worker registration status.</p>
-    )
+    return <p>Check the console for the Service Worker registration status.</p>
   }
 }
diff --git a/examples/with-sw-precache/server.js b/examples/with-sw-precache/server.js
index 073337ac..ad1de415 100644
--- a/examples/with-sw-precache/server.js
+++ b/examples/with-sw-precache/server.js
@@ -8,21 +8,19 @@ const dev = process.env.NODE_ENV !== 'production'
 const app = next({ dev })
 const handle = app.getRequestHandler()
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const parsedUrl = parse(req.url, true)
-      const { pathname } = parsedUrl
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const parsedUrl = parse(req.url, true)
+    const { pathname } = parsedUrl
 
-      if (pathname === '/service-worker.js') {
-        const filePath = join(__dirname, '.next', pathname)
-        app.serveStatic(req, res, filePath)
-      } else {
-        handle(req, res, parsedUrl)
-      }
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+    if (pathname === '/service-worker.js') {
+      const filePath = join(__dirname, '.next', pathname)
+      app.serveStatic(req, res, filePath)
+    } else {
+      handle(req, res, parsedUrl)
+    }
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-tailwindcss/components/nav.js b/examples/with-tailwindcss/components/nav.js
index e171967f..6121cea8 100644
--- a/examples/with-tailwindcss/components/nav.js
+++ b/examples/with-tailwindcss/components/nav.js
@@ -6,24 +6,24 @@ const links = [
 ]
 
 export default function Nav () {
-  return <nav>
-    <ul className='flex justify-between items-center p-8'>
-      <li className='list-reset'>
-        <Link prefetch href='/'>
-          <a className='text-blue no-underline'>Home</a>
-        </Link>
-      </li>
-      <ul className='flex justify-between items-center'>
-        {links.map(
-          ({ href, label }) => (
+  return (
+    <nav>
+      <ul className='flex justify-between items-center p-8'>
+        <li className='list-reset'>
+          <Link prefetch href='/'>
+            <a className='text-blue no-underline'>Home</a>
+          </Link>
+        </li>
+        <ul className='flex justify-between items-center'>
+          {links.map(({ href, label }) => (
             <li key={`${href}${label}`} className='list-reset ml-4'>
               <Link href={href}>
                 <a className='btn-blue no-underline'>{label}</a>
               </Link>
             </li>
-          )
-        )}
+          ))}
+        </ul>
       </ul>
-    </ul>
-  </nav>
+    </nav>
+  )
 }
diff --git a/examples/with-typestyle/pages/_document.js b/examples/with-typestyle/pages/_document.js
index a6bb5cbb..ebcfd588 100644
--- a/examples/with-typestyle/pages/_document.js
+++ b/examples/with-typestyle/pages/_document.js
@@ -1,5 +1,5 @@
 import Document, { Head, Main, NextScript } from 'next/document'
-import {getStyles} from 'typestyle'
+import { getStyles } from 'typestyle'
 
 export default class MyDocument extends Document {
   static getInitialProps ({ renderPage }) {
@@ -12,9 +12,7 @@ export default class MyDocument extends Document {
     return (
       <html>
         <Head>
-          <style id='styles-target'>
-            {this.props.styleTags}
-          </style>
+          <style id='styles-target'>{this.props.styleTags}</style>
         </Head>
         <body>
           <Main />
diff --git a/examples/with-typestyle/pages/index.js b/examples/with-typestyle/pages/index.js
index e82aa9e0..b8834c7b 100644
--- a/examples/with-typestyle/pages/index.js
+++ b/examples/with-typestyle/pages/index.js
@@ -1,11 +1,7 @@
 import React from 'react'
 import { style } from 'typestyle'
 
-const className = style({color: 'red'})
-const RedText = ({text}) => (
-  <div className={className}>
-    {text}
-  </div>
-)
+const className = style({ color: 'red' })
+const RedText = ({ text }) => <div className={className}>{text}</div>
 
 export default () => <RedText text='Hello Next.js!' />
diff --git a/examples/with-typings-for-css-modules/next.config.js b/examples/with-typings-for-css-modules/next.config.js
index 7a9f72e4..b57a10da 100644
--- a/examples/with-typings-for-css-modules/next.config.js
+++ b/examples/with-typings-for-css-modules/next.config.js
@@ -2,24 +2,25 @@ const withCSS = require('@zeit/next-css')
 const withTypescript = require('@zeit/next-typescript')
 
 /* With additional configuration on top of CSS Modules */
-module.exports = withTypescript(withCSS({
-  cssModules: true,
-  cssLoaderOptions: {
-    camelCase: true,
-    namedExport: true
-  },
-  webpack (config, options) {
-    if (!options.isServer) {
-      /* Using next-css */
-      for (let entry of options.defaultLoaders.css) {
-        if (entry.loader === 'css-loader') {
-          entry.loader = 'typings-for-css-modules-loader'
-          break
+module.exports = withTypescript(
+  withCSS({
+    cssModules: true,
+    cssLoaderOptions: {
+      camelCase: true,
+      namedExport: true
+    },
+    webpack (config, options) {
+      if (!options.isServer) {
+        /* Using next-css */
+        for (let entry of options.defaultLoaders.css) {
+          if (entry.loader === 'css-loader') {
+            entry.loader = 'typings-for-css-modules-loader'
+            break
+          }
         }
-      }
 
-      /* Using next-less */
-      /*
+        /* Using next-less */
+        /*
       for (let entry of options.defaultLoaders.less) {
         if (entry.loader === 'css-loader') {
           entry.loader = 'typings-for-css-modules-loader';
@@ -28,8 +29,8 @@ module.exports = withTypescript(withCSS({
       }
       */
 
-      /* Using next-sass */
-      /*
+        /* Using next-sass */
+        /*
       for (let entry of options.defaultLoaders.sass) {
         if (entry.loader === 'css-loader') {
           entry.loader = 'typings-for-css-modules-loader';
@@ -38,8 +39,8 @@ module.exports = withTypescript(withCSS({
       }
       */
 
-      /* Using next-stylus */
-      /*
+        /* Using next-stylus */
+        /*
       for (let entry of options.defaultLoaders.stylus) {
         if (entry.loader === 'css-loader') {
           entry.loader = 'typings-for-css-modules-loader';
@@ -47,8 +48,9 @@ module.exports = withTypescript(withCSS({
         }
       }
       */
-    }
+      }
 
-    return config
-  }
-}))
+      return config
+    }
+  })
+)
diff --git a/examples/with-universal-configuration-runtime/pages/index.js b/examples/with-universal-configuration-runtime/pages/index.js
index 1b6b5a5d..b6064f41 100644
--- a/examples/with-universal-configuration-runtime/pages/index.js
+++ b/examples/with-universal-configuration-runtime/pages/index.js
@@ -1,8 +1,8 @@
 import React from 'react'
 import getConfig from 'next/config'
 
-const {publicRuntimeConfig} = getConfig()
-const {API_URL} = publicRuntimeConfig
+const { publicRuntimeConfig } = getConfig()
+const { API_URL } = publicRuntimeConfig
 
 export default class extends React.Component {
   static async getInitialProps () {
@@ -11,8 +11,6 @@ export default class extends React.Component {
   }
 
   render () {
-    return <div>
-            The API_URL is {API_URL}
-    </div>
+    return <div>The API_URL is {API_URL}</div>
   }
 }
diff --git a/examples/with-universal-configuration/env-config.js b/examples/with-universal-configuration/env-config.js
index a43d4ef6..f8620ab4 100644
--- a/examples/with-universal-configuration/env-config.js
+++ b/examples/with-universal-configuration/env-config.js
@@ -1,5 +1,7 @@
 const prod = process.env.NODE_ENV === 'production'
 
 module.exports = {
-  'process.env.BACKEND_URL': prod ? 'https://api.example.com' : 'https://localhost:8080'
+  'process.env.BACKEND_URL': prod
+    ? 'https://api.example.com'
+    : 'https://localhost:8080'
 }
diff --git a/examples/with-universal-configuration/pages/index.js b/examples/with-universal-configuration/pages/index.js
index c473d1b6..3bafc6a8 100644
--- a/examples/with-universal-configuration/pages/index.js
+++ b/examples/with-universal-configuration/pages/index.js
@@ -1,3 +1 @@
-export default () => (
-  <div>Loading data from { process.env.BACKEND_URL }</div>
-)
+export default () => <div>Loading data from {process.env.BACKEND_URL}</div>
diff --git a/examples/with-unstated/components/Clock.js b/examples/with-unstated/components/Clock.js
index 1aba00fe..9942e27d 100644
--- a/examples/with-unstated/components/Clock.js
+++ b/examples/with-unstated/components/Clock.js
@@ -1,4 +1,8 @@
-export default ({ clock: { state: { lastUpdate, light } } }) => {
+export default ({
+  clock: {
+    state: { lastUpdate, light }
+  }
+}) => {
   return (
     <div className={light ? 'light' : ''}>
       {format(new Date(lastUpdate))}
@@ -6,7 +10,7 @@ export default ({ clock: { state: { lastUpdate, light } } }) => {
         div {
           padding: 15px;
           display: inline-block;
-          color: #82FA58;
+          color: #82fa58;
           font: 50px menlo, monaco, monospace;
           background-color: #000;
         }
@@ -18,6 +22,7 @@ export default ({ clock: { state: { lastUpdate, light } } }) => {
   )
 }
 
-const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
+const format = t =>
+  `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`
 
-const pad = n => n < 10 ? `0${n}` : n
+const pad = n => (n < 10 ? `0${n}` : n)
diff --git a/examples/with-unstated/components/Counter.js b/examples/with-unstated/components/Counter.js
index c1989d04..f7fd47b4 100644
--- a/examples/with-unstated/components/Counter.js
+++ b/examples/with-unstated/components/Counter.js
@@ -1,6 +1,8 @@
 export default ({ counter }) => (
   <div>
-    <h1>Count: <span>{counter.state.count}</span></h1>
+    <h1>
+      Count: <span>{counter.state.count}</span>
+    </h1>
     <button onClick={() => counter.decrement()}>-1</button>
     <button onClick={() => counter.increment()}>+1</button>
     <button onClick={() => counter.reset()}>Reset</button>
diff --git a/examples/with-unstated/containers/ClockContainer.js b/examples/with-unstated/containers/ClockContainer.js
index fd6c81d8..14902e5f 100644
--- a/examples/with-unstated/containers/ClockContainer.js
+++ b/examples/with-unstated/containers/ClockContainer.js
@@ -8,7 +8,7 @@ export default class ClockContainer extends Container {
   constructor () {
     super()
     this.interval = setInterval(() => {
-      this.setState((state) => ({ light: !state.light, lastUpdate: Date.now() }))
+      this.setState(state => ({ light: !state.light, lastUpdate: Date.now() }))
     }, 1000)
   }
 }
diff --git a/examples/with-unstated/containers/CounterContainer.js b/examples/with-unstated/containers/CounterContainer.js
index ad8c5e55..82d33d7a 100644
--- a/examples/with-unstated/containers/CounterContainer.js
+++ b/examples/with-unstated/containers/CounterContainer.js
@@ -6,11 +6,11 @@ export default class CounterContainer extends Container {
   }
 
   increment = () => {
-    this.setState((state) => ({ count: state.count + 1 }))
+    this.setState(state => ({ count: state.count + 1 }))
   }
 
   decrement = () => {
-    this.setState((state) => ({ count: state.count - 1 }))
+    this.setState(state => ({ count: state.count - 1 }))
   }
 
   reset = () => {
diff --git a/examples/with-unstated/pages/_app.js b/examples/with-unstated/pages/_app.js
index c74e02e4..5713993f 100644
--- a/examples/with-unstated/pages/_app.js
+++ b/examples/with-unstated/pages/_app.js
@@ -1,4 +1,4 @@
-import App, {Container} from 'next/app'
+import App, { Container } from 'next/app'
 import React from 'react'
 import { Provider } from 'unstated'
 import { CounterContainer } from '../containers'
@@ -7,7 +7,7 @@ const counter = new CounterContainer()
 
 class MyApp extends App {
   render () {
-    const {Component, pageProps} = this.props
+    const { Component, pageProps } = this.props
     return (
       <Container>
         <Provider inject={[counter]}>
diff --git a/examples/with-unstated/pages/about.js b/examples/with-unstated/pages/about.js
index dbe655f7..3c679094 100644
--- a/examples/with-unstated/pages/about.js
+++ b/examples/with-unstated/pages/about.js
@@ -11,24 +11,20 @@ class About extends React.Component {
   render () {
     return (
       <Subscribe to={[ClockContainer, CounterContainer]}>
-        {
-          (clock, counter) => {
-            this.timer = clock.interval
-            return (
+        {(clock, counter) => {
+          this.timer = clock.interval
+          return (
+            <div>
+              <Link href='/index'>
+                <button>go to Index</button>
+              </Link>
               <div>
-                <Link href='/index'>
-                  <button>
-                    go to Index
-                  </button>
-                </Link>
-                <div>
-                  <Clock clock={clock} />
-                  <Counter counter={counter} />
-                </div>
+                <Clock clock={clock} />
+                <Counter counter={counter} />
               </div>
-            )
-          }
-        }
+            </div>
+          )
+        }}
       </Subscribe>
     )
   }
diff --git a/examples/with-unstated/pages/index.js b/examples/with-unstated/pages/index.js
index f89655b9..d6ddc8cf 100644
--- a/examples/with-unstated/pages/index.js
+++ b/examples/with-unstated/pages/index.js
@@ -11,24 +11,20 @@ class Index extends React.Component {
   render () {
     return (
       <Subscribe to={[ClockContainer, CounterContainer]}>
-        {
-          (clock, counter) => {
-            this.timer = clock.interval
-            return (
+        {(clock, counter) => {
+          this.timer = clock.interval
+          return (
+            <div>
+              <Link href='/about'>
+                <button>go to About</button>
+              </Link>
               <div>
-                <Link href='/about'>
-                  <button>
-                    go to About
-                  </button>
-                </Link>
-                <div>
-                  <Clock clock={clock} />
-                  <Counter counter={counter} />
-                </div>
+                <Clock clock={clock} />
+                <Counter counter={counter} />
               </div>
-            )
-          }
-        }
+            </div>
+          )
+        }}
       </Subscribe>
     )
   }
diff --git a/examples/with-url-object-routing/server.js b/examples/with-url-object-routing/server.js
index 1515f22c..f6a827c3 100644
--- a/examples/with-url-object-routing/server.js
+++ b/examples/with-url-object-routing/server.js
@@ -10,20 +10,18 @@ const handle = app.getRequestHandler()
 const route = pathMatch()
 const match = route('/about/:name')
 
-app.prepare()
-  .then(() => {
-    createServer((req, res) => {
-      const { pathname } = parse(req.url)
-      const params = match(pathname)
-      if (params === false) {
-        handle(req, res)
-        return
-      }
+app.prepare().then(() => {
+  createServer((req, res) => {
+    const { pathname } = parse(req.url)
+    const params = match(pathname)
+    if (params === false) {
+      handle(req, res)
+      return
+    }
 
-      app.render(req, res, '/about', params)
-    })
-      .listen(port, (err) => {
-        if (err) throw err
-        console.log(`> Ready on http://localhost:${port}`)
-      })
+    app.render(req, res, '/about', params)
+  }).listen(port, err => {
+    if (err) throw err
+    console.log(`> Ready on http://localhost:${port}`)
   })
+})
diff --git a/examples/with-videojs/pages/index.js b/examples/with-videojs/pages/index.js
index e1930fd8..583a52a0 100644
--- a/examples/with-videojs/pages/index.js
+++ b/examples/with-videojs/pages/index.js
@@ -8,10 +8,12 @@ export default class Index extends React.Component {
       techOrder: ['youtube'],
       autoplay: true,
       controls: true,
-      sources: [{
-        src: 'https://www.youtube.com/watch?v=jiLkBxw2pbs',
-        type: 'video/youtube'
-      }]
+      sources: [
+        {
+          src: 'https://www.youtube.com/watch?v=jiLkBxw2pbs',
+          type: 'video/youtube'
+        }
+      ]
     }
 
     return (
diff --git a/examples/with-webassembly/pages/index.js b/examples/with-webassembly/pages/index.js
index 62ef91df..b0517c84 100644
--- a/examples/with-webassembly/pages/index.js
+++ b/examples/with-webassembly/pages/index.js
@@ -1,4 +1,4 @@
-import {withRouter} from 'next/router'
+import { withRouter } from 'next/router'
 import dynamic from 'next/dynamic'
 import Link from 'next/link'
 
@@ -7,18 +7,20 @@ const RustComponent = dynamic({
     // Import the wasm module
     const rustModule = await import('../add.wasm')
     // Return a React component that calls the add_one method on the wasm module
-    return (props) => <div>
-      {rustModule.add_one(props.number)}
-    </div>
+    return props => <div>{rustModule.add_one(props.number)}</div>
   }
 })
 
-const Page = ({router: {query}}) => {
+const Page = ({ router: { query } }) => {
   const number = parseInt(query.number || 30)
-  return <div>
-    <RustComponent number={number} />
-    <Link href={`/?number=${number + 1}`}><a>+</a></Link>
-  </div>
+  return (
+    <div>
+      <RustComponent number={number} />
+      <Link href={`/?number=${number + 1}`}>
+        <a>+</a>
+      </Link>
+    </div>
+  )
 }
 
 export default withRouter(Page)
diff --git a/examples/with-webpack-bundle-size-analyzer/next.config.js b/examples/with-webpack-bundle-size-analyzer/next.config.js
index 29bfd0b4..5d3b94a2 100644
--- a/examples/with-webpack-bundle-size-analyzer/next.config.js
+++ b/examples/with-webpack-bundle-size-analyzer/next.config.js
@@ -1,12 +1,12 @@
-const { WebpackBundleSizeAnalyzerPlugin } = require('webpack-bundle-size-analyzer')
+const {
+  WebpackBundleSizeAnalyzerPlugin
+} = require('webpack-bundle-size-analyzer')
 const { ANALYZE } = process.env
 
 module.exports = {
   webpack: function (config) {
     if (ANALYZE) {
-      config.plugins.push(
-        new WebpackBundleSizeAnalyzerPlugin('stats.txt')
-      )
+      config.plugins.push(new WebpackBundleSizeAnalyzerPlugin('stats.txt'))
     }
 
     return config
diff --git a/examples/with-webpack-bundle-size-analyzer/pages/about.js b/examples/with-webpack-bundle-size-analyzer/pages/about.js
index e5db9621..5fd65c2b 100644
--- a/examples/with-webpack-bundle-size-analyzer/pages/about.js
+++ b/examples/with-webpack-bundle-size-analyzer/pages/about.js
@@ -1,3 +1 @@
-export default () => (
-  <div>About us</div>
-)
+export default () => <div>About us</div>
diff --git a/examples/with-webpack-bundle-size-analyzer/pages/contact.js b/examples/with-webpack-bundle-size-analyzer/pages/contact.js
index ad1b3696..b0fdbcd7 100644
--- a/examples/with-webpack-bundle-size-analyzer/pages/contact.js
+++ b/examples/with-webpack-bundle-size-analyzer/pages/contact.js
@@ -1,5 +1 @@
-export default () => (
-  <div>
-    This is the contact page.
-  </div>
-)
+export default () => <div>This is the contact page.</div>
diff --git a/examples/with-webpack-bundle-size-analyzer/pages/index.js b/examples/with-webpack-bundle-size-analyzer/pages/index.js
index 11df6e46..db9da9fc 100644
--- a/examples/with-webpack-bundle-size-analyzer/pages/index.js
+++ b/examples/with-webpack-bundle-size-analyzer/pages/index.js
@@ -21,7 +21,9 @@ export default class Index extends React.Component {
         <h1>Home Page</h1>
         <p>Welcome, {name}</p>
         <div>
-          <Link href='/about'><a>About Page</a></Link>
+          <Link href='/about'>
+            <a>About Page</a>
+          </Link>
         </div>
       </div>
     )
diff --git a/examples/with-yarn-workspaces/packages/bar/index.js b/examples/with-yarn-workspaces/packages/bar/index.js
index 90254dc4..338f83b0 100644
--- a/examples/with-yarn-workspaces/packages/bar/index.js
+++ b/examples/with-yarn-workspaces/packages/bar/index.js
@@ -1,9 +1,5 @@
 import React from 'react'
 
-const Bar = () => (
-  <strong>
-    bar
-  </strong>
-)
+const Bar = () => <strong>bar</strong>
 
 export default Bar
diff --git a/examples/with-zones/blog/pages/blog.js b/examples/with-zones/blog/pages/blog.js
index 1f866126..70ac9da8 100644
--- a/examples/with-zones/blog/pages/blog.js
+++ b/examples/with-zones/blog/pages/blog.js
@@ -1,5 +1 @@
-export default () => (
-  <div>
-    This is our blog
-  </div>
-)
+export default () => <div>This is our blog</div>
diff --git a/examples/with-zones/home/pages/about.js b/examples/with-zones/home/pages/about.js
index 79cbefd0..513d4482 100644
--- a/examples/with-zones/home/pages/about.js
+++ b/examples/with-zones/home/pages/about.js
@@ -4,7 +4,11 @@ import Link from 'next/link'
 export default () => (
   <div>
     <p>This is the about page.</p>
-    <div><Link href='/'><a>Go Back</a></Link></div>
+    <div>
+      <Link href='/'>
+        <a>Go Back</a>
+      </Link>
+    </div>
     <img width={200} src={asset('/zeit.png')} />
   </div>
 )
diff --git a/examples/with-zones/home/pages/index.js b/examples/with-zones/home/pages/index.js
index c251da2e..2d882b43 100644
--- a/examples/with-zones/home/pages/index.js
+++ b/examples/with-zones/home/pages/index.js
@@ -8,8 +8,16 @@ export default () => (
   <div>
     <Header />
     <p>This is our homepage</p>
-    <div><Link href='/blog'><a>Blog</a></Link></div>
-    <div><Link href='/about'><a>About us</a></Link></div>
+    <div>
+      <Link href='/blog'>
+        <a>Blog</a>
+      </Link>
+    </div>
+    <div>
+      <Link href='/about'>
+        <a>About us</a>
+      </Link>
+    </div>
     <img width={200} src={asset('/nextjs.png')} />
   </div>
 )
diff --git a/package.json b/package.json
index c57f81c7..3023cc92 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "coveralls": "cat ./test/coverage/lcov.info | coveralls",
     "lint": "lerna run typescript && standard && standard --parser typescript-eslint-parser --plugin typescript packages/**/*.ts",
     "lint-fix": "standard --fix && standard --fix --parser typescript-eslint-parser --plugin typescript packages/**/*.ts",
+    "prettier": "prettier --single-quote --no-semi --write examples/**/*.js && yarn lint-fix",
     "typescript": "lerna run typescript",
     "prepublish": "lerna run prepublish",
     "publish-canary": "lerna version prerelease --preid canary --force-publish",
@@ -22,9 +23,23 @@
   },
   "pre-commit": "lint-staged",
   "lint-staged": {
-    "*.js": ["standard --fix", "git add"],
-    "*.ts": ["standard --parser typescript-eslint-parser --plugin typescript --fix", "git add"],
-    "packages/**/bin/*": ["standard --fix", "git add"]
+    "examples/**/*.js": [
+      "prettier --write --single-quote --no-semi",
+      "standard --fix",
+      "git add"
+    ],
+    "*.js": [
+      "standard --fix",
+      "git add"
+    ],
+    "*.ts": [
+      "standard --parser typescript-eslint-parser --plugin typescript --fix",
+      "git add"
+    ],
+    "packages/**/bin/*": [
+      "standard --fix",
+      "git add"
+    ]
   },
   "standard": {
     "parser": "babel-eslint",
@@ -68,6 +83,7 @@
     "node-notifier": "5.1.2",
     "node-sass": "4.9.2",
     "pre-commit": "1.2.2",
+    "prettier": "1.15.3",
     "react": "16.6.3",
     "react-dom": "16.6.3",
     "rimraf": "2.6.2",
diff --git a/yarn.lock b/yarn.lock
index 22c66346..b74b9c94 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8950,6 +8950,11 @@ preserve@^0.2.0:
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
   integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=
 
+prettier@1.15.3:
+  version "1.15.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.15.3.tgz#1feaac5bdd181237b54dbe65d874e02a1472786a"
+  integrity sha512-gAU9AGAPMaKb3NNSUUuhhFAS7SCO4ALTN4nRIn6PJ075Qd28Yn2Ig2ahEJWdJwJmlEBTUfC7mMUSFy8MwsOCfg==
+
 pretty-format@^21.2.1:
   version "21.2.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-21.2.1.tgz#ae5407f3cf21066cd011aa1ba5fce7b6a2eddb36"