Ci/cd

.Dockerfile

@@ -0,0 +1,37 @@
+# Estágio de desenvolvimento
+FROM node:14 AS development
+
+WORKDIR /app
+
+# Copia apenas os arquivos necessários para aproveitar o cache de camadas do Docker
+COPY package*.json ./
+RUN npm install
+
+# Instala o pacote "vite" globalmente no contêiner
+RUN npm install -g vite
+
+# Copia todos os arquivos do projeto
+COPY . .
+
+# Executa o comando para iniciar o servidor de desenvolvimento do Vite
+CMD ["npm", "run", "dev"]
+
+# Estágio de produção
+FROM development AS production
+
+# Executa o comando para fazer o build da aplicação usando o Vite
+RUN npm run build
+
+# Estágio final para servir os arquivos com o Nginx
+FROM nginx:alpine AS final
+
+# Remove a configuração padrão do Nginx
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copia todos os arquivos do projeto da etapa de produção para o diretório padrão do Nginx
+COPY --from=production /app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+# Comando para iniciar o servidor Nginx em modo daemon
+CMD ["nginx", "-g", "daemon off;"]

.github/workflows/CIDocker.yml

@@ -0,0 +1,30 @@
+name: Docker Image CI
+
+on:
+  push:
+    branches:
+      - main
+      - develop
+  pull_request:
+    branches:
+      - main
+      - develop
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout do Repositório
+      uses: actions/checkout@v2
+
+    - name: Construir a Imagem Docker
+      run: |
+        NOME_DA_IMAGEM="${{ github.repository }}"
+        ETIQUETA_DA_IMAGEM="$(date +%s)"
+        COMANDO_DE_CONSTRUCAO="docker build . --file Dockerfile --tag $NOME_DA_IMAGEM:$ETIQUETA_DA_IMAGEM"
+        echo "Construindo imagem Docker: $COMANDO_DE_CONSTRUCAO"
+        $COMANDO_DE_CONSTRUCAO
+
+    - name: Display Image Tag
+      run: echo "Docker image tag: ${{ github.repository }}:$IMAGE_TAG"

docker-compose.yml

@@ -0,0 +1,22 @@
+version: "3"
+
+project_name: ecommece-compass
+
+services:
+  # Serviço para o ambiente de desenvolvimento com o Vite
+  development:
+    build:
+      context: .
+      target: development
+    ports:
+      - "3000:3000" # Porta para acesso ao servidor de desenvolvimento do Vite
+    volumes:
+      - .:/app # Monta o diretório local como volume para refletir as alterações no contêiner em tempo real
+
+  # Serviço para o ambiente de produção com o Nginx
+  production:
+    build:
+      context: .
+      target: final
+    ports:
+      - "80:80" # Porta para acesso ao servidor Nginx em modo de produção

package.json

@@ -7,7 +7,9 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "build-docker": "docker build -t ecommece-compass .",
+    "deploy-s3": "aws s3 sync dist/ s3://seu-bucket-s3"
   },
   "dependencies": {
     "axios": "^1.4.0",