Add Docker Compose support.

Author: wilyJ80

.env

@@ -1,10 +1,30 @@
+# Use an official Node.js runtime as a parent image
 FROM node:21.7.2
 
+# Set the working directory inside the container
 WORKDIR /root/bem-web
-COPY . /root/bem-web
-RUN cd /root/bem-web
-RUN npm i
 
+# Copy the package.json and package-lock.json files first to leverage Docker cache
+COPY package.json ./
+COPY package-lock.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Ensure the environment variables are available at build time (optional)
+# ARG REACT_APP_API_BASE_URL
+# ARG REACT_APP_API_PORT
+# ARG REACT_APP_ENV
+# ARG SPECIES_LINK_KEY
+
+# Build the app for production
+RUN npm run build
+
+# Expose the port on which the app will run
 EXPOSE 3000
 
-CMD ["npm", "start"]
+# Start the application
+CMD ["npm", "start"]

Dockerfile

@@ -15,5 +15,8 @@ Certifique de possuir [node v21.7.2](https://nodejs.org/en/download)
 ## Contêiner
 Certifique de possuir [Docker](https://docs.docker.com/desktop/)
 1. Clonar o repositório
-2. Acessar o diretório da aplicação e executar o comando `docker build -t bem-web .`
-3. Com a imagem criada inicialize o contêiner com o comando `docker run -d -p 3000:3000 bem-web`
+
+> [!IMPORTANT]
+> Renomeie o arquivo `RENAME_TO_DOTENV.md` para `.env`
+
+2. Inicialize o container com `docker compose up --build`

README.md

@@ -0,0 +1,4 @@
+REACT_APP_API_BASE_URL=http://127.0.0.1
+REACT_APP_API_PORT=80
+REACT_APP_ENV=dev
+SPECIES_LINK_KEY=VjSPRSjDJKAdk8ojl3PR

RENAME_TO_DOTENV.md

@@ -0,0 +1,19 @@
+version: '3.8'
+
+services:
+  bem-web:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      REACT_APP_API_BASE_URL: ${REACT_APP_API_BASE_URL}
+      REACT_APP_API_PORT: ${REACT_APP_API_PORT}
+      REACT_APP_ENV: ${REACT_APP_ENV}
+      SPECIES_LINK_KEY: ${SPECIES_LINK_KEY}
+    env_file:
+      - .env
+    volumes:
+      - .:/root/bem-web
+      - /root/bem-web/node_modules
+    stdin_open: true
+    tty: true