Feature/pp 8 cicd deployment

.dockerignore

@@ -0,0 +1,14 @@
+node_modules
+npm-debug.log
+dist
+.git
+.gitignore
+README.md
+.env
+.nyc_output
+coverage
+.vscode
+.idea
+*.log
+.DS_Store
+Thumbs.db

.github/workflows/build.yml

@@ -0,0 +1,35 @@
+name: Build
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Build project
+      run: npm run build
+
+    - name: Upload build artifacts
+      uses: actions/upload-artifact@v4
+      with:
+        name: build-files-${{ github.sha }}
+        path: dist/
+        retention-days: 7

.github/workflows/deploy.yml

@@ -0,0 +1,75 @@
+name: Deploy to Server
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Run lint
+      run: npm run lint
+
+    - name: TypeScript check
+      run: npx tsc --noEmit
+
+    - name: Build project
+      run: npm run build
+
+    - name: Deploy to server
+      uses: appleboy/ssh-action@v1.0.0
+      with:
+        host: ${{ secrets.SERVER_HOST }}
+        username: ${{ secrets.SERVER_USER }}
+        key: ${{ secrets.SERVER_SSH_KEY }}
+        port: ${{ secrets.SERVER_PORT || 22 }}
+        script: |
+          echo "🚀 Starting deployment..."
+
+          cd /opt
+
+          if [ ! -d "frontend-react" ]; then
+            echo "📥 Cloning repository..."
+            git clone https://github.com/PrettyPet-Organization/frontend-react.git
+          else
+            echo "🔄 Updating repository..."
+            cd frontend-react
+            git fetch origin
+            git reset --hard origin/main
+            cd ..
+          fi
+
+          cd frontend-react
+
+          echo "⏹️ Stopping old containers..."
+          docker-compose down || true
+
+          echo "🔨 Building and starting containers..."
+          docker-compose up -d --build
+
+          echo "⏳ Waiting for startup..."
+          sleep 10
+
+          if docker-compose ps | grep -q "Up"; then
+            echo "✅ Deployment successful!"
+          else
+            echo "❌ Something went wrong"
+            docker-compose logs
+            exit 1
+          fi
+
+          docker-compose ps

.github/workflows/lint.yml

@@ -0,0 +1,32 @@
+name: Lint
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+  workflow_dispatch:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Run ESLint
+      run: npm run lint
+      continue-on-error: false
+
+    - name: Run TypeScript check
+      run: npx tsc --noEmit

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:20-alpine3.19 AS builder
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

docker-compose.yml

@@ -0,0 +1,13 @@
+version: '3.8'
+
+services:
+  frontend:
+    build: .
+    container_name: prettypet-frontend
+    restart: unless-stopped
+    ports:
+      - "80:80"
+    volumes:
+      - ./logs:/var/log/nginx
+    environment:
+      - NODE_ENV=production

nginx.conf

@@ -0,0 +1,15 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /health {
+        return 200 "OK";
+        add_header Content-Type text/plain;
+    }
+}

src/app/AppRouter.tsx

@@ -3,7 +3,6 @@ import ProtectedRoute from "../shared/ui/ProtectedRoute.tsx";
 import {WelcomePage} from "../pages/Welcome/WelcomePage.tsx";
 import {LoginPage} from "../pages/Login/LoginPage.tsx";
 import {RegisterPage} from "../pages/Register/RegisterPage.tsx";
-import {AuthorizedPage} from "../pages/Authorized/AuthorizedPage.tsx";
 import AuthorizedLayout from "../widgets/AuthorizedLayout/AuthorizedLayout.tsx";
 import {AuthorizedRoutes} from "./routes/AuthorizedRoutes.ts";
 

vite.config.ts

@@ -11,7 +11,7 @@ export default defineConfig(({ mode }) => {
             react(),
             tailwindcss(),
         ],
-        base: isProduction ? '/frontend-react/' : '/',
+        base: isProduction ? '/' : '/',
         build: {
             outDir: 'dist',
         },