Dev

.github/workflows/dev.yml

@@ -1,36 +1,39 @@
-name: DEV Despliegue en EC2
+name: Build and Deploy
 
 on:
   push:
     branches:
-      - dev # Cambia 'dev' por la rama que desees
+      - dev  # Cambia esto a la rama que deseas monitorear
 
 jobs:
-  deploy:
+  build-and-deploy:
     runs-on: ubuntu-latest
+    environment: DEV
 
     steps:
-      - name: Checkout código
-        uses: actions/checkout@v4
-
-      - name: Copiar archivos al servidor
-        uses: appleboy/[email protected]
-        with:
-          host: ${{ secrets.DEV_EC2_HOST }}
-          username: ${{ secrets.DEV_EC2_USER }}
-          key: ${{ secrets.DEV_SSH_PRIVATE_KEY }}
-          port: 22
-          source: "."
-          target: "projects/RefaDiazFrontEnd"
-
-      - name: Ejecutar comandos remotos
-        uses: appleboy/ssh-action@master
-        with:
-          host: ${{ secrets.DEV_EC2_HOST }}
-          username: ${{ secrets.DEV_EC2_USER }}
-          key: ${{ secrets.DEV_SSH_PRIVATE_KEY }}
-          port: 22
-          script: |
-            cd projects/RefaDiazFrontEnd
-            npm install
-            pm2 restart RefaDiazApp
+    - name: Checkout code
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: '16'  # Asegúrate de que esta versión es compatible con tu proyecto
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Set environment variables
+      run: echo "${{ secrets.ENV_CONFIG }}" > .env.development
+
+    - name: Build the application
+      run: npm run build -- --mode development
+
+    - name: Configure AWS credentials
+      uses: aws-actions/configure-aws-credentials@v1
+      with:
+        aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        aws-region: us-west-2  # Cambia esto a tu región de AWS
+
+    - name: Deploy to S3
+      run: aws s3 sync ./dist s3://refadiazapp --delete

.gitignore

@@ -23,3 +23,4 @@ dist-ssr
 *.sln
 *.sw?
 .env*
+repopack-refadiazfrontend-output.txt

docker-composer.yml

@@ -0,0 +1,18 @@
+version: '3.8'
+
+services:
+  api:
+    build:
+      context: ./api
+      dockerfile: Dockerfile
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+
+  web:
+    build:
+      context: ./web
+      dockerfile: Dockerfile
+    ports:
+      - "80:80"

dockerfile

@@ -0,0 +1,38 @@
+# Build stage
+FROM node:18-alpine AS build
+
+WORKDIR /app
+
+# Copy package.json and package-lock.json first to leverage Docker cache
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy remaining files
+COPY . .
+
+# Build the project
+RUN npm run build
+
+# Verify that the dist directory exists and contains files
+RUN ls -la /app/dist
+
+# Production stage
+FROM nginx:alpine
+
+# Remove default nginx website
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy the build output to the Nginx HTML directory
+COPY --from=build /app/dist /usr/share/nginx/html
+
+# Expose the default Nginx port
+EXPOSE 80
+
+# Add a health check (optional)
+HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
+  CMD curl -f http://localhost/ || exit 1
+
+# Start Nginx
+CMD ["nginx", "-g", "daemon off;"]

package.json

@@ -21,8 +21,10 @@
     "firebase": "^10.8.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-photoswipe-gallery": "^3.0.1",
     "react-router-dom": "^6.22.1",
-    "react-transition-group": "^4.4.5"
+    "react-transition-group": "^4.4.5",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.55",
@@ -33,5 +35,9 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "vite": "^5.1.0"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "4.9.5"
   }
+
 }