2 🐳 Miljösetup

🎯 Syfte

Sätta upp en fungerande Docker-miljö för både frontend och backend – innan koden skrivs.

🔧 Skapa Dockerfile för båda tjänsterna

frontend/Dockerfile (för create-react-app):

FROM node:18
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 3000
CMD ["npm", "start"]

backend/Dockerfile:

FROM node:18
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 5000
CMD ["node", "server.js"]

⚙️ Skapa docker-compose.yml

version: '3'
services:
  frontend:
    build: ./frontend
    ports:
      - "3000:3000"
    volumes:
      - ./frontend:/app
    environment:
      - CHOKIDAR_USEPOLLING=true

  backend:
    build: ./backend
    ports:
      - "5000:5000"
    volumes:
      - ./backend:/app

🧪 Testa att starta

docker-compose up --build

Det är okej om tjänsterna “misslyckas” – vi har ingen kod än. Fokus är att miljön är redo att bygga kod i.

✅ Mål

• Compose startar två containrar
• Volymer är kopplade till lokala mappar
• Vi är redo att initiera kod inuti containrarna