Fixes for BASE_URL in dev

next.config.js

@@ -1,4 +1,11 @@
+const webpack = require('webpack');
+
 module.exports = {
+  webpack: config => {
+    config.plugins.push(new webpack.EnvironmentPlugin(['BASE_URL']));
+    config.plugins.push(new webpack.EnvironmentPlugin({ PRODUCTION_BUILD: null }));
+    return config;
+  },
   exportPathMap: () => ({
     '/': { page: '/' },
   }),

package.json

@@ -60,8 +60,7 @@
     "build": "npm run build:examples && npm run build:copy-fragments && npm run build:concat",
     "build:production": "PRODUCTION_BUILD=true npm run build:examples && npm run build:copy-fragments && make footer-production-transform && npm run build:concat",
     "heroku-postbuild": "npm run build",
-    "start:frontend": "next dev",
-    "start": "cross-env ALLOWED_ORIGIN=http://localhost:3000 node server 8080 ::"
+    "start": "concurrently --names server,frontend \"ALLOWED_ORIGIN=http://localhost:3000 node server 8080 ::\" \"BASE_URL=http://[::]:8080 next dev\""
   },
   "bin": {
     "badge": "lib/badge-cli.js"
@@ -82,7 +81,7 @@
     "babel-eslint": "^8.0.2",
     "child-process-promise": "^2.2.1",
     "classnames": "^2.2.5",
-    "cross-env": "^5.1.1",
+    "concurrently": "^3.5.1",
     "dejavu-fonts-ttf": "^2.37.3",
     "eslint": "^4.8.0",
     "eslint-config-prettier": "^2.6.0",

pages/index.js

@@ -10,7 +10,7 @@ import Footer from '../frontend/components/footer';
 import badgeExampleData from '../lib/all-badge-examples';
 import filterExamples from '../frontend/lib/filter-examples';
 
-const baseUri = process.env.BASE_URL || 'http://localhost:8080';
+const baseUri = process.env.BASE_URL;
 const isProductionBuild = envFlag(process.env.PRODUCTION_BUILD, false);
 
 export default class IndexPage extends React.Component {