Procfile: run nginx via docker (#1376)

This should help:

* standardise the nginx version running on different dev machines
* simplify dev environment setup
* standardise behaviour between central's deployed docker, and dev machines
* streamline testing frontend-related changes to nginx config

Author: alxndrsn

Procfile

@@ -1,3 +1,4 @@
 vite: vite dev
 build: vite build --mode development --watch
-nginx: nginx -c "$PWD/nginx-conf/main.conf" -p "$PWD"
+nginx-host: nginx -g "daemon off;" -c "$PWD/nginx-conf/nginx.conf" -p "$PWD"
+nginx-docker: docker run --rm --network=host -v "$PWD/nginx-conf":/etc/nginx/ -v "$PWD/.nginx":/etc/nginx/.nginx -v "$PWD/dist":/dist nginx:1.27.4

README.md

@@ -33,7 +33,7 @@ Follow these steps to set up your development environment:
 
 - Install Node.js 20.
 - Install dependencies by running `npm install`.
-- Install NGINX.
+- Install docker or NGINX.
 - Set up [ODK Central Backend](https://github.com/getodk/central-backend).
   - You will need to create a user using an ODK Central Backend command line script.
   - You will probably also want to promote that user to a sitewide administrator.

docs/enketo.md

@@ -47,7 +47,7 @@ ODK Central Backend is already configured to connect with Enketo. The following
     },
 ```
 
-ODK Central Frontend is also already configured for Enketo as well. The following lines should already be in [`./nginx-conf/main.conf`](../nginx-conf/main.conf) to create a reverse proxy to Enketo.
+ODK Central Frontend is also already configured for Enketo as well. The following lines should already be in [`./nginx-conf/nginx.conf`](../nginx-conf/nginx.conf) to create a reverse proxy to Enketo.
 
 ```
     location /- {

nginx-conf/main.conf nginx-conf/nginx.confnginx-conf/main.conf renamed to nginx-conf/nginx.conf

@@ -11,7 +11,6 @@
 # This configuration file is for development only. For production, see
 # https://github.com/getodk/central.
 
-daemon off;
 error_log stderr;
 pid ./.nginx/nginx.pid;
 

package.json

@@ -3,8 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "nf start vite,nginx",
-    "dev:build": "nf start build,nginx",
+    "dev": "          nf start vite,nginx-docker",
+    "dev-no-docker": "nf start vite,nginx-host",
+    "dev:build": "nf start build,nginx-docker",
+    "dev-no-docker:build": "nf start build,nginx-host",
     "build": "vite build",
     "eslint": "eslint --max-warnings 0 --cache --ext .js,.vue src/ bin/ test/ e2e-tests/ *.js",
     "eslint:fix": "eslint --max-warnings 0 --fix --cache --ext .js,.vue src/ bin/ test/ *.js",