factor out prod scripts

Author: cirosantilli

components/article/ArticleList.tsx

@@ -52,6 +52,12 @@ const ArticleList = props => {
   const setFavorited = []
   const favoritesCount = []
   const setFavoritesCount = []
+  // MUST be DEFAULT_LIMIT and not articles.length, because articles.length
+  // can happen a variable number of times on index page due to:
+  // * load ISR page logged off on global
+  // * login, which leads to feed instead of global
+  // and calling hooks like useState different number of times is a capital sin
+  // in React and makes everything blow up.
   for (let i = 0; i < DEFAULT_LIMIT; i++) {
     [favorited[i], setFavorited[i]] = React.useState(false);
     [favoritesCount[i], setFavoritesCount[i]] = React.useState(0);

package.json

@@ -7,14 +7,14 @@
     "back-test": "NODE_ENV=test npm run dev",
     "build": "./bin/sync-db.js && next build",
     "build-dev": "./bin/sync-db.js && NEXT_PUBLIC_NODE_ENV=development npm run build",
-    "build-prod": "NODE_ENV=production DATABASE_URL='postgres://node_express_sequelize_realworld_user:a@localhost:5432/node_express_sequelize_realworld' ./bin/sync-db.js && NODE_ENV=production DATABASE_URL='postgres://node_express_sequelize_realworld_user:a@localhost:5432/node_express_sequelize_realworld' npm run build",
+    "build-prod": "./prod.sh ./bin/sync-db.js && ./prod.sh npm run build",
     "deploy": " git push -f heroku-next next:master && git push",
     "dev": "NODE_OPTIONS='--unhandled-rejections=strict' nodemon ./app.js",
     "dev-demo": "NEXT_PUBLIC_DEMO=true npm run dev",
-    "seed-prod": "NODE_ENV=production DATABASE_URL='postgres://node_express_sequelize_realworld_user:a@localhost:5432/node_express_sequelize_realworld' ./bin/generate-demo-data.js --force-production",
+    "seed-prod": "./prod.sh ./bin/generate-demo-data.js --force-production",
     "start": "node --unhandled-rejections=strict ./app.js",
     "start-dev": "NEXT_PUBLIC_NODE_ENV=development NODE_ENV_NEXT_SERVER_ONLY=production node --unhandled-rejections=strict ./app.js",
-    "start-prod": "env $(cat .env | xargs) NODE_ENV=production DATABASE_URL='postgres://node_express_sequelize_realworld_user:a@localhost:5432/node_express_sequelize_realworld' npm start",
+    "start-prod": "./prod.sh npm start",
     "test": "mocha test --ignore-leaks test.js",
     "test-api": "./realworld/api/run-api-tests.sh"
   },

prod.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+set -eux
+env $(cat .env | xargs) NODE_ENV=production "$@"