chore: frontend manual deploy (#62)

* chore: frontend manual deploy

* chore: only build web app package

* chore: deploy frontend in production

.github/workflows/build.yml

@@ -1,20 +1,23 @@
-name: Build Project
+name: Build and preview the project
 on:
   pull_request:
     branches: [ main ]
 
+env:
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
 concurrency:
   group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
   cancel-in-progress: true
 
 jobs:
   build:
-    name: build
     runs-on: ubuntu-latest
     env:
       NODE_ENV: test
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
       MYSQL_ROOT_PASSWORD: root
       MYSQL_DATABASE: test
       MYSQL_PORT: 3306
@@ -56,3 +59,22 @@ jobs:
 
       - name: Run tests
         run: yarn test
+
+  preview-frontend:
+    runs-on: ubuntu-latest
+    needs:
+      - build
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Yarn 4
+        run: |
+          corepack enable
+          yarn set version berry
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/deploy-core.yml → .github/workflows/deploy-backend.yml

@@ -1,4 +1,4 @@
-name: Deploy Core Backend
+name: Deploy the backend
 on:
   push:
     branches:
@@ -18,10 +18,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-
       - name: Copy the core Dockerfile in the root repository
         run: cp apps/core/Dockerfile .
-
       - name: Build, tag, and push docker image to Amazon ECR
         env:
           REGISTRY: public.ecr.aws/x9y5g9l2

.github/workflows/deploy-frontend.yml

@@ -0,0 +1,31 @@
+name: Deploy the frontend
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'apps/web/src/**'
+      - 'apps/web/public/**'
+
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    environment: 'Production'
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Yarn 4
+        run: |
+          corepack enable
+          yarn set version berry
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

.gitignore

@@ -51,3 +51,4 @@ key.txt
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
+.vercel

apps/web/src/utils/constants.ts

@@ -1,4 +1,4 @@
-export const COOKIE_NAME = 'shguid';
+export const COOKIE_NAME = 'snpc_guid';
 export const REGEX_EMAIL = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
 export const IS_DEV = process.env.NEXT_PUBLIC_APP_ENV === 'development';
 export const IS_PROD = process.env.NEXT_PUBLIC_APP_ENV === 'production';

vercel.json

@@ -1,6 +1,7 @@
 {
-  "github": {
-    "enabled": true,
-    "silent": true
-  }
+  "git": {
+    "deploymentEnabled": false
+  },
+  "buildCommand": "yarn build --filter=...@snipcode/web",
+  "outputDirectory": "apps/web/.next"
 }