➕Dependency: Expressjs in anticipation for a need to have a backend

Author: StanleyMasinde

nuxt.config.js

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
   mode: 'universal',
   /*
    ** Headers of the page
@@ -61,6 +61,6 @@ export default {
     /*
      ** You can extend webpack config here
      */
-    extend(config, ctx) {}
+    extend(config, ctx) { }
   }
 }

package-lock.json

@@ -5,13 +5,12 @@
   "author": "Opensource 254",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
+    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
     "build": "nuxt build",
-    "start": "nuxt start",
+    "start": "cross-env NODE_ENV=production node server/index.js",
     "generate": "nuxt generate",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
-    "test": "jest",
-    "deploy": "push-dir --dir=dist --branch=master --cleanup"
+    "test": "jest"
   },
   "dependencies": {
     "nuxt": "^2.0.0",
@@ -28,13 +27,13 @@
     "@vue/test-utils": "^1.0.0-beta.27",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.1.0",
+    "cross-env": "^7.0.2",
     "eslint": "^6.1.0",
     "eslint-config-prettier": "^6.10.0",
     "eslint-plugin-nuxt": ">=0.4.2",
     "eslint-plugin-prettier": "^3.1.2",
     "jest": "^24.1.0",
     "prettier": "^1.19.1",
-    "push-dir": "^0.4.1",
     "stylelint": "^10.1.0",
     "vue-jest": "^4.0.0-0"
   },

package.json

@@ -0,0 +1,41 @@
+const express = require('express')
+const consola = require('consola')
+const { Nuxt, Builder } = require('nuxt')
+const app = express()
+const config = require('../nuxt.config.js')
+//const apiRoutes = require('./routes/api')
+
+// Import and Set Nuxt.js options
+config.dev = process.env.NODE_ENV !== 'production'
+
+/**
+ *=============================================================
+ *             API ROUTES called before NUXT
+ * ============================================================
+ */
+//app.use('/api', apiRoutes)
+
+async function start() {
+  // Init Nuxt.js
+  const nuxt = new Nuxt(config)
+
+  const { host, port } = nuxt.options.server
+
+  await nuxt.ready()
+  // Build only in dev mode
+  if (config.dev) {
+    const builder = new Builder(nuxt)
+    await builder.build()
+  }
+
+  // Give nuxt middleware to express
+  app.use(nuxt.render)
+
+  // Listen the server
+  app.listen(port, host)
+  consola.ready({
+    message: `Server listening on http://${host}:${port}`,
+    badge: true
+  })
+}
+start()