readme & more cleanup

Author: Robert Herley

README.md

@@ -0,0 +1,24 @@
+# simple-react-starter
+
+⚛️ An extremely slim boilerplate for a React/Express project.
+
+## Including:
+
+- React 16
+- Express
+- Webpack 4 (+ Dev Server, Hot Reload)
+- Babel 7 (+ Plugins)
+- ESLint (+ precommit hooks w/ Husky)
+- Prettier
+- Simple Dockerfile
+
+## How To Use
+
+- For development, use the following scripts:
+  - Launch Nodemon with ESLint for the Backend: `npm run dev:backend`
+  - Launch Webpack Dev Server for Frontend: `npm run dev:frontend`
+  - Or, launch both concurrently with: `npm run dev`
+- For production:
+  - Lint and Build with `npm run build`
+  - Serve the built files in `/dist` with `npm start`
+  - Or, build the docker container

package.json

@@ -3,11 +3,11 @@
   "version": "1.0.0",
   "description": "A no-nonsense boilerplate for a react SPA.",
   "scripts": {
-    "start": "node server.js",
+    "start": "NODE_ENV=production node server.js",
     "dev": "concurrently -n 'F,B' -c 'magenta,blue' 'npm run dev:frontend' 'npm run dev:backend'",
     "dev:frontend": "webpack-dev-server --mode development --hot",
-    "dev:backend": "nodemon server.js --exec 'eslint . && node --no-deprecation'",
-    "build": "webpack --mode production --display-error-details",
+    "dev:backend": "nodemon server.js --exec 'npm run lint && node'",
+    "build": "npm run lint && webpack --mode production --display-error-details",
     "precommit": "lint-staged",
     "lint": "eslint ."
   },
@@ -24,7 +24,7 @@
   "author": {
     "name": "Rob Herley",
     "email": "[email protected]",
-    "url": "https://robherley.me"
+    "url": "https://robherley.xyz"
   },
   "license": "ISC",
   "devDependencies": {
@@ -69,7 +69,7 @@
     "@babel/polyfill": "^7.0.0-beta.51"
   },
   "lint-staged": {
-    "*.{js,json,css}": [
+    "*.{js,jsx}": [
       "eslint --fix",
       "git add"
     ]

server.js

@@ -14,12 +14,12 @@ app.use(morgan('dev')); // logging
 app.use(compression()); // gzip
 app.use(express.json()); // process post json
 
-// Add API routes
-app.use(routes);
-
 // Serve static folder
 app.use(express.static(path.join(__dirname, contentPath)));
 
+// Add API routes
+app.use(routes);
+
 app.listen(port, () => {
   // eslint-disable-next-line no-console
   console.log(`🌋 Listening on port: ${port}`);