Как мы взаимодействуем с Docker на фронтенде?

Docker позволяет упаковать приложение и все его зависимости в контейнер, который работает одинаково на любой системе.

Пример использования:

1. Разработка:

   • Создаётся Dockerfile для установки Node.js и зависимостей:

     FROM node:18
     WORKDIR /app
     COPY package.json .
     RUN npm install
     COPY . .
     CMD ["npm", "run", "dev"]

   • Запуск:

     docker build -t frontend-app .
     docker run -p 3000:3000 frontend-app

2. Тестирование:
   Можно запускать тесты в контейнере, чтобы избежать проблем с разными версиями Node.js.

3.  Деплой:
   Фронтенд собирается в статические файлы (например, через npm run build), которые затем размещаются в Nginx-контейнере:

   FROM nginx:alpine
   COPY dist /usr/share/nginx/html

Также Docker Compose используется для совместного запуска фронтенда и бэкенда:

services:
	frontend:
		build: ./frontend
		ports: ["3000:3000"]
	backend:
		build: ./backend
		ports: ["5000:5000"]

Это упрощает командную работу и развертывание.