Add postgres-db to deployment

See extra instructions in readme

Author: alexrecuenco

README.md

@@ -1,10 +1,41 @@
 # Example
 
+## Launch
+
+```bash
+docker compose up
+```
+
+App will be accessible on port 8080
+
+### Launch development environment
+
+In `vscode` use the task labeled `dev`.
+
+### Launch in debug mode
+
+TODO, WIP
+
 ## Using workspaces
 
 Most commands can be launched for each workspace by using `--workspaces|-ws`
 
+Examples:
+
 ```bash
-npm i -ws
-npm install --workspaces
+npm i --workspaces
+npm ci -ws
+npm run build -ws --if-present
+npm run test -ws --if-present
+npm run clean -ws --include-workspace-root --if-present
 ```
+
+Or in a specific workspace
+
+```bash
+npm i --workspace=backend
+npm ci -w=backend --omit=dev
+npm run start --workspace=backend
+```
+
+Use auto-reload with

compose.debug.yaml

@@ -0,0 +1,7 @@
+# TODO: Make this auto-reloadable and expose debug ports to the outside world
+services:
+  frontend: {}
+  backend: {}
+  db:
+    ports:
+      - 5432:5432

compose.yaml

@@ -8,6 +8,18 @@
 # database or a cache. For examples, see the Awesome Compose repository:
 # https://github.com/docker/awesome-compose
 services:
+
+  frontend:
+    build:
+      context: .
+      target: frontend
+    environment:
+      BACKEND_URL: http://backend:3000
+      PORT: 8080
+    depends_on:
+      - backend
+    ports:
+      - 8080:8080
   backend:
     build:
       context: .
@@ -17,45 +29,36 @@ services:
       PORT: 3000
     ports:
       - 3000:3000
-  frontend:
-    build:
-      context: .
-      target: frontend
+    depends_on:
+      db:
+        condition: service_healthy
+    secrets:
+      - db-password
+    healthcheck:
+      test: ["CMD", "curl --fail http://localhost:3000/health"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+  db:
+    image: postgres:17-alpine
+    restart: always
+    user: postgres
+    secrets:
+      - db-password
+    volumes:
+      - db-data:/var/lib/postgresql/data
     environment:
-      BACKEND_URL: http://backend:3000
-      PORT: 8080
-    ports:
-      - 8080:8080
-
-# The commented out section below is an example of how to define a PostgreSQL
-# database that your application can use. `depends_on` tells Docker Compose to
-# start the database before your application. The `db-data` volume persists the
-# database data between container restarts. The `db-password` secret is used
-# to set the database password. You must create `db/password.txt` and add
-# a password of your choosing to it before running `docker-compose up`.
-#     depends_on:
-#       db:
-#         condition: service_healthy
-#   db:
-#     image: postgres
-#     restart: always
-#     user: postgres
-#     secrets:
-#       - db-password
-#     volumes:
-#       - db-data:/var/lib/postgresql/data
-#     environment:
-#       - POSTGRES_DB=example
-#       - POSTGRES_PASSWORD_FILE=/run/secrets/db-password
-#     expose:
-#       - 5432
-#     healthcheck:
-#       test: [ "CMD", "pg_isready" ]
-#       interval: 10s
-#       timeout: 5s
-#       retries: 5
-# volumes:
-#   db-data:
-# secrets:
-#   db-password:
-#     file: db/password.txt
+      - POSTGRES_DB=example
+      - POSTGRES_PASSWORD_FILE=/run/secrets/db-password
+    expose:
+      - 5432
+    healthcheck:
+      test: [ "CMD", "pg_isready" ]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+volumes:
+  db-data:
+secrets:
+  db-password:
+    file: db/password.txt

db/.gitignore

@@ -0,0 +1 @@
+*.txt

eslint.config.mjs

@@ -102,7 +102,10 @@ export default [
       'no-console': error,
       '@typescript-eslint/return-await': ['error', 'always'],
       'no-unused-vars': off,
-      '@typescript-eslint/no-unused-vars': error,
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { ignoreRestSiblings: true },
+      ],
       eqeqeq: [error, 'smart'],
       'no-else-return': [
         error,
@@ -136,8 +139,7 @@ export default [
       //     patterns: TEST_ONLY_IMPORTS.map(dep => `${dep}/*`),
       //   },
       // ],
-      '@typescript-eslint/explicit-member-accessibility': warn,
-      '@typescript-eslint/no-explicit-any': warn,
+      ...any_rules('warn'),
       '@typescript-eslint/explicit-function-return-type': off,
       // '@typescript-eslint/no-var-requires': off,
       '@typescript-eslint/no-empty-function': off,

react-frontend-express-backend.code-workspace

@@ -43,9 +43,9 @@
       "source.removeUnusedImports": "never",
     },
     "editor.formatOnSaveMode": "modificationsIfAvailable",
-    "[javascript,typescript,jsonc,json]": {
-      "editor.indentSize": "tabSize",
-      "editor.tabSize": 2,
+    "editor.indentSize": "tabSize",
+    "editor.tabSize": 2,
+    "[javascript,typescript,typescriptreact,javascriptreact,jsonc,json]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
       "editor.formatOnSaveMode": "modificationsIfAvailable",
     },