feat: improve Docker DX

Dockerfile

@@ -1,7 +1,7 @@
-FROM node:17-alpine
-WORKDIR /app
-COPY ./package.json ./yarn.lock /app/
-RUN npm install
-COPY . /app/
-EXPOSE 5000
-CMD ["npm", "run", "serve"]
+FROM node:alpine
+WORKDIR /app
+COPY ./package.json ./yarn.lock /app/
+RUN npm install
+COPY . /app/
+EXPOSE 5000
+CMD ["npm", "run", "serve"]

docker-compose.yml

@@ -1,32 +1,32 @@
-version: "3"
-services:
-  app:
-    image: johannchopin/stackoverflow-readme-profile
-    restart: always
-    ports:
-      - "5000:5000"
-    container_name: stackoverflow-readme-profile
-    depends_on: 
-      - db
-    environment:
-      - DB_PORT=${DB_PORT}
-      - DB_HOST=${DB_HOST}  
-      - DB_USERNAME=${DB_USERNAME}
-      - DB_PASSWORD=${DB_PASSWORD}
-      - DB_DATABASE=${DB_DATABASE}
-
-  db:
-    image: postgres
-    restart: always
-    container_name: postgres-db
-    environment: 
-      - POSTGRES_USER=${DB_USERNAME}
-      - POSTGRES_PASSWORD=${DB_PASSWORD}
-      - POSTGRES_DB=${DB_DATABASE}
-    ports:
-      - "5432:5432"
-    volumes:
-      - pgdata:/var/lib/postgresql/data
-
-volumes:
-  pgdata:
+services:
+  app:
+    build:
+      context: .
+    restart: always
+    ports:
+      - "5000:5000"
+    container_name: stackoverflow-readme-profile
+    depends_on: 
+      - db
+    environment:
+      - DB_PORT=${DB_PORT}
+      - DB_HOST=db
+      - DB_USERNAME=${DB_USERNAME}
+      - DB_PASSWORD=${DB_PASSWORD}
+      - DB_DATABASE=${DB_DATABASE}
+
+  db:
+    image: postgres
+    restart: always
+    container_name: postgres-db
+    environment: 
+      - POSTGRES_USER=${DB_USERNAME}
+      - POSTGRES_PASSWORD=${DB_PASSWORD}
+      - POSTGRES_DB=${DB_DATABASE}
+    ports:
+      - "5432:5432"
+    volumes:
+      - pgdata:/var/lib/postgresql/data
+
+volumes:
+  pgdata:

website/Dockerfile

@@ -0,0 +1,7 @@
+FROM node:alpine
+WORKDIR /app
+COPY ./package.json ./yarn.lock /app
+RUN yarn
+COPY . /app/
+EXPOSE 3000
+CMD ["npm", "run", "dev"]

website/package.json

@@ -2,7 +2,7 @@
   "name": "website",
   "version": "0.0.1",
   "scripts": {
-    "dev": "vite dev --port 3000",
+    "dev": "vite dev --port 3000 --host",
     "build": "vite build",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",