feat: add build and deploy action

Author: duylongpro99

.github/workflows/deploy.yml

@@ -0,0 +1,112 @@
+name: Build and Deploy to Vercel
+
+on:
+  pull_request:
+    types: [closed]
+    branches: [main, master]
+jobs:
+  build:
+    if: github.event.pull_request.merged == true
+
+    name: "Build Application"
+    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"
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm  store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+        # Set up environment variables from GitHub secrets
+      - name: Set up environment variables
+        run: |
+          # Create .env file
+          touch .env
+          # Add all secrets that start with "NEXT_PUBLIC_" to .env file
+          for secret in $(compgen -A variable | grep NEXT_PUBLIC_); do
+            echo "$secret=${!secret}" >> .env
+          done
+
+        env:
+          # Add other environment variables as needed
+          CLERK_SECRET_KEY: ${{ secrets.CLERK_SECRET_KEY }}
+          CONVEX_DEPLOYMENT: ${{ secrets.CONVEX_DEPLOYMENT }}
+
+      - name: Build
+        run: pnpm build
+
+      # Upload the build artifacts to be used by the deploy job
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: build-output
+          path: |
+            .next
+            public
+            package.json
+            pnpm-lock.yaml
+            next.config.js
+            .env
+
+  deploy:
+    name: Deploy Application to Vercel
+    runs-on: ubuntu-latest
+    needs: build
+    environment: production
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+        # Download build artifacts from previous job
+      - name: Download build artifacts
+        uses: actions/download-artifact@v3
+        with:
+          name: build-output
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+          run_install: false
+
+      # Install Vercel CLI
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+
+     # Deploy to Vercel
+      - name: Deploy to Vercel Production
+        run: vercel --token ${{ secrets.VERCEL_TOKEN }} --prod --confirm --env-file .env
+        env:
+          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}

Dockerfile

@@ -0,0 +1,56 @@
+# Use Node.js LTS as base image
+FROM node:20-alpine AS base
+
+# Install pnpm globally
+RUN npm install -g pnpm
+
+# Set working directory
+WORKDIR /app
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine for understanding why libc6-compat might be needed
+RUN apk add --no-cache libc6-compat
+
+# Copy package.json and pnpm-lock.yaml (if available)
+COPY package.json pnpm-lock.yaml* ./
+
+# Install dependencies using pnpm
+RUN pnpm install --frozen-lockfile
+
+# Build the app
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Build the application
+RUN pnpm build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+
+# Create a non-root user and switch to it for better security
+RUN addgroup --system --gid 1001 nodejs &&
+    adduser --system --uid 1001 nextjs &&
+    chown -R nextjs:nodejs /app
+
+# Copy the build output and necessary files
+COPY --from=builder /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+# Switch to non-root user
+USER nextjs
+
+# Expose the port the app will run on
+EXPOSE 3000
+
+# Set the environment variable to use the standalone output
+ENV PORT 3000
+
+# Start the application
+CMD ["node", "server.js"]

next.config.ts

@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  output: "standalone",
 };
 
 export default nextConfig;