fix: npm run start (#1380)

web/README.md

@@ -64,24 +64,20 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 ## Deploy
 ### Deploy on server
 First, build the app for production:
-
 ```bash
 npm run build
 ```
 
-Then, move the static files to standalone folder:
+Then, start the server:
 ```bash
-mv .next/static .next/standalone/.next
-cp -r ./public .next/standalone/.next/
+npm run start
 ```
 
-Finally, start the app:
+If you want to customize the host and port:
 ```bash
-node .next/standalone/server.js 
+npm run start --port=3001 --host=0.0.0.0
 ```
 
-If your project needs alternative port or hostname for listening, you can define PORT and HOSTNAME environment variables, before running server.js. For example, `PORT=3000 HOSTNAME=localhost node .next/standalone/server.js`.
-
 ## Lint Code
 If your IDE is VSCode, rename `web/.vscode/settings.example.json` to `web/.vscode/settings.json` for lint code setting.
 

web/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next dev",
+    "start": "cp -r .next/static .next/standalone/.next/static && cp -r public .next/standalone/public && cross-env PORT=$npm_config_port HOSTNAME=$npm_config_host node .next/standalone/server.js",
     "lint": "next lint",
     "fix": "next lint --fix",
     "eslint-fix": "eslint --fix",
@@ -95,17 +95,18 @@
     "@types/react-window-infinite-loader": "^1.0.6",
     "@types/recordrtc": "^5.6.11",
     "@types/sortablejs": "^1.15.1",
+    "autoprefixer": "^10.4.14",
+    "cross-env": "^7.0.3",
     "eslint": "8.36.0",
     "eslint-config-next": "^13.4.7",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
     "miragejs": "^0.1.47",
     "postcss": "^8.4.21",
     "sass": "^1.61.0",
-    "uglify-js": "^3.17.4",
     "tailwindcss": "^3.3.3",
     "typescript": "4.9.5",
-    "autoprefixer": "^10.4.14"
+    "uglify-js": "^3.17.4"
   },
   "lint-staged": {
     "**/*.js?(x)": [