Enable Webpack tree shaking

.babelrc

@@ -2,7 +2,6 @@
   "presets": [
     [ "next/babel", {
       "preset-env": {
-        "modules": "commonjs",
         "targets": {
           "node": "current",
           "browsers": [

package.json

@@ -56,7 +56,7 @@
     "mdi-material-ui": "^5.4.0",
     "mobx": "^4.1.1",
     "mobx-react": "^5.0.0",
-    "next": "^7.0.0",
+    "next": "^7.0.1",
     "next-routes": "^1.4.2",
     "passport": "^0.4.0",
     "passport-oauth2": "^1.4.0",

src/config.js

@@ -1,2 +1,5 @@
-export const dev = process.env.NODE_ENV !== "production";
-export const appPath = process.env.NODE_ENV === "production" ? "./build/app" : "./src";
+module.exports = {
+  dev: process.env.NODE_ENV !== "production",
+  appPath: process.env.NODE_ENV === "production" ? "./build/app" : "./src"
+};
+

src/lib/logger/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import chalk from "chalk";
+const chalk = require("chalk");
 
 /**
  * Logger middleware
@@ -15,10 +15,10 @@ const logger = {
     console.log(`Server started ! ${chalk.green("✓")}`);
 
     console.log(`
-${chalk.magenta(`http://${host}:${port}`)}
-${chalk.blue(`Press ${chalk.italic("CTRL-C")} to stop`)}
+      ${chalk.magenta(`http://${host}:${port}`)}
+      ${chalk.blue(`Press ${chalk.italic("CTRL-C")} to stop`)}
     `);
   }
 };
 
-export default logger;
+module.exports = logger;

src/pages/_document.js

@@ -5,7 +5,6 @@ import flush from "styled-jsx/server";
 import Helmet from "react-helmet";
 import analyticsProviders from "analytics";
 import { ServerStyleSheet } from "styled-components";
-// import getConfig from "next/config";
 import favicons from "../lib/utils/favicons";
 
 /**
@@ -58,8 +57,6 @@ class HTMLDocument extends Document {
   render() {
     const { helmet, pageContext, styledComponentsStyleTags } = this.props;
     const htmlAttrs = helmet.htmlAttributes.toComponent();
-    // const { publicRuntimeConfig } = getConfig();
-    // const { keycloakConfig } = publicRuntimeConfig;
     const links = [
       { rel: "canonical", href: process.env.CANONICAL_URL },
       { rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700" },
@@ -85,10 +82,6 @@ class HTMLDocument extends Document {
         type: "text/javascript",
         innerHTML: provider.renderScript()
       })),
-      // {
-      //   type: "text/javascript",
-      //   src: `${keycloakConfig.url}/js/keycloak.js`
-      // },
       {
         type: "text/javascript",
         src: "https://js.stripe.com/v3/"

src/server.js

@@ -1,15 +1,15 @@
-import cookieParser from "cookie-parser";
-import express from "express";
-import cookieSession from "cookie-session";
-import nextApp from "next";
-import request from "request";
-import { useStaticRendering } from "mobx-react";
-import logger from "lib/logger";
-import passport from "passport";
-import OAuth2Strategy from "passport-oauth2";
-import refresh from "passport-oauth2-refresh";
-import { appPath, dev } from "./config";
-import router from "./routes";
+const cookieParser = require("cookie-parser");
+const express = require("express");
+const session = require("express-session");
+const nextApp = require("next");
+const request = require("request");
+const { useStaticRendering } = require("mobx-react");
+const logger = require("lib/logger");
+const passport = require("passport");
+const OAuth2Strategy = require("passport-oauth2");
+const refresh = require("passport-oauth2-refresh");
+const { appPath, dev } = require("./config");
+const router = require("./routes");
 
 const app = nextApp({ dir: appPath, dev });
 const routeHandler = router.getRequestHandler(app);
@@ -116,4 +116,4 @@ app
     process.exit(1);
   });
 
-export default app;
+module.exports = app;