chore: Update Docker configuration for backend and frontend

.github/workflows/ci.yaml

@@ -16,8 +16,20 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v2
 
+      - name: Set up Docker
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build docker containers
+        uses: docker/bake-action@v3
+        with:
+          load: true
+
       - name: Backend test
         run: docker compose run backend-test
 
       - name: Frontend test
-        run: docker compose run frontend-test
+        run: docker compose run frontend-test
+
+      - name: Cleanup
+        if: always()
+        run: docker compose down

Dockerfile.backend

@@ -4,10 +4,12 @@ ENV NODE_ENV development
 
 WORKDIR /app
 
-COPY . .
+COPY package.json package-lock.json ./
 
 RUN npm install
 
+COPY . .
+
 CMD [ "npm", "run", "dev" ]
 
-EXPOSE 5000
+EXPOSE 3000

Dockerfile.frontend

@@ -4,12 +4,14 @@ ENV NODE_ENV development
 
 WORKDIR /app
 
-COPY . .
+COPY package.json package-lock.json ./
 
 RUN npm install \
     && npm i -g jest \
     && npx playwright install --with-deps chromium
 
+COPY . .
+
 CMD [ "yarn", "start" ]
 
-EXPOSE 5000
+EXPOSE 3000

docker-bake.hcl

@@ -0,0 +1,16 @@
+target "backend" {
+  cache-to = [
+    "type=gha,ignore-error=true,mode=max,scope=backend"
+  ]
+  cache-from = [
+    "type=gha,scope=backend"
+  ]
+}
+target "frontend" {
+  cache-to = [
+    "type=gha,ignore-error=true,mode=max,scope=frontend"
+  ]
+  cache-from = [
+    "type=gha,scope=frontend"
+  ]
+}