web: init web pages with next.js

.gitignore

@@ -1,2 +1,4 @@
 node_modules
 yarn.lock
+public
+.next

libs/public-handlers.js

@@ -0,0 +1,12 @@
+const serveHandler = require('serve-handler')
+const { get } = require('micro-fork')
+
+const servePublicPages = (req, res) => {
+  serveHandler(req, res, { public: 'public' })
+}
+
+module.exports = [
+  get('/_next/*', servePublicPages),
+  get('/static/*', servePublicPages),
+  get('/maker', servePublicPages)
+]

libs/serve-static.js

@@ -1,10 +0,0 @@
-const serveHandler = require('serve-handler')
-
-module.exports = async (req, res) => {
-  await serveHandler(req, res, {
-    public: 'static',
-    rewrites: [
-      { source: '/static/:rest', destination: '/:rest' }
-    ]
-  })
-}

next.config.js

@@ -0,0 +1,2 @@
+module.exports = {
+}

now.json

@@ -7,8 +7,10 @@
   ],
   "files": [
     "package-lock.json",
+    "next.config.js",
     "service.js",
     "static",
+    "pages",
     "libs"
   ],
   "engines": {

package.json

@@ -7,6 +7,8 @@
   "scripts": {
     "lint": "standard",
     "dev": "micro-dev service.js -s",
+    "dev:web": "next",
+    "build": "NODE_ENV=production next build && next export -o public",
     "pretest": "npm run lint",
     "test": "tap test/*.js --reporter spec -j12",
     "start": "node service.js",
@@ -34,6 +36,9 @@
   },
   "devDependencies": {
     "micro-dev": "^3.0.0",
+    "next": "^7.0.0-canary.11",
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2",
     "standard": "^12.0.1",
     "supertest": "^3.2.0",
     "tap": "^12.0.1"

pages/index.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default class Index extends React.Component {
+  render () {
+    return 'hello'
+  }
+}

pages/maker.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default class Index extends React.Component {
+  render () {
+    return 'maker'
+  }
+}

service.js

@@ -1,6 +1,6 @@
 const micro = require('micro')
 const { router, get } = require('micro-fork')
-const serveStatic = require('./libs/serve-static.js')
+const publicHandlers = require('./libs/public-handlers.js')
 const serveIndex = require('./libs/serve-index.js')
 const serve404 = require('./libs/serve-404.js')
 const serveDocs = require('./libs/serve-docs.js')
@@ -27,11 +27,11 @@ const main = router()(
   get('/*', serve404),
   get('/', indexHandler),
   get('/metadata.json', serveMetadata),
-  get('/static/*', serveStatic),
   get('/docs/:topic', serveDocs),
   get('/badge/:subject/:status', serveStaticBadge),
   get('/badge/:subject/:status/:color', serveStaticBadge),
-  ...liveHandlers
+  ...liveHandlers,
+  ...publicHandlers
 )
 
 module.exports = (req, res) => {