Update nextjs.yml

Author: sangam14

.github/workflows/nextjs.yml

@@ -1,62 +1,67 @@
-name: Check NextJs build
+# Workflow for deploying static content to GitHub Pages
+name: Deploy static content to GitHub Pages
 
 on:
-  # Runs on pushes targeting the default branch
+  # Trigger workflow on push to the main branch
   push:
-    branches: ["main"]
-    
-  # Runs on any open or reopened pull request
-  pull_request:
-    types: [opened, reopened] # you can change this according to https://docs.github.com/en/actions/writing-workflows/choosing-when-your-workflow-runs/triggering-a-workflow#using-multiple-events
+    branches:
+      - main
 
-  # Allows you to run this workflow manually from the Actions tab
+  # Allow manual trigger of the workflow through the Actions tab
   workflow_dispatch:
 
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
+  # Set required permissions for deployment
   contents: read
+  pages: write
   id-token: write
 
+concurrency:
+  # Allow only one deployment at a time, cancel in-progress deployments
+  group: 'github-pages-deployment'
+  cancel-in-progress: true
+
 jobs:
-  # Build job
-  build:
+  deploy:
+    # Define the target deployment environment
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
+
     steps:
-      - name: Checkout
+      # Step 1: Check out the repository
+      - name: Check out the code
         uses: actions/checkout@v4
-      - name: Detect package manager
-        id: detect-package-manager
-        run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-            exit 0
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
-            echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=ci" >> $GITHUB_OUTPUT
-            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
-            exit 0
-          else
-            echo "Unable to determine package manager" >&2
-            exit 1
-          fi
-      - name: Setup Node
-        uses: actions/setup-node@v3
         with:
-          node-version: "22"
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
-      - name: Restore cache
-        uses: actions/cache@v4
+          fetch-depth: 1
+
+      # Step 2: Set up Node.js environment
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
-          path: |
-            .next/cache
-          # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
-          restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
-      - name: Install dependencies
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
-      - name: Build with Next.js
+          node-version: 20
+          cache: npm
+
+      # Step 3: Install dependencies
+      - name: Install project dependencies
+        run: npm ci
+
+      # Step 4: Build the project
+      - name: Build the project
         run: npm run build
+
+      # Step 5: Configure GitHub Pages
+      - name: Configure GitHub Pages
+        uses: actions/configure-pages@v4
+
+      # Step 6: Upload build artifacts
+      - name: Upload build artifacts
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+      # Step 7: Deploy to GitHub Pages
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4