dev: Implement test environment to test the built website cleanly

This change allow one to test the website in an clean environment by running:

```
docker compose --profile=test up -d
```

after:

```
grunt dist
```

and browse <http://localhost:8080> using one's web browser.

Signed-off-by: 林博仁(Buo-ren Lin) <[email protected]>

Author: brlin-tw

dev-utils/nginx-default.conf

@@ -0,0 +1,14 @@
+# Default website virtual host configuration of the NGINX container
+server {
+    listen 80;
+    server_name localhost;
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+    }
+    error_page 500 502 503 504  /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+    charset utf-8;
+}

docker-compose.yml

@@ -36,3 +36,23 @@ services:
     command: sleep infinity
     profiles:
       - dev
+
+  # Environment for testing the project
+  test-environment:
+    container_name: www-moztw-org-test
+    hostname: www-moztw-org-test
+    image: nginx:1.27-alpine
+    volumes:
+      - type: bind
+        source: ./_site
+        target: /usr/share/nginx/html
+        read_only: true
+      - type: bind
+        source: ./dev-utils/nginx-default.conf
+        target: /etc/nginx/conf.d/default.conf
+        read_only: true
+    ports:
+      # For serving the website
+      - 8080:80
+    profiles:
+      - test