From f4ee4fdb9aad9bcd980831322bc596c93f233ab9 Mon Sep 17 00:00:00 2001 From: Elena Lape Date: Thu, 19 Sep 2024 16:08:25 -0700 Subject: [PATCH] Update nextjs.yml --- .github/workflows/nextjs.yml | 75 ++++++++++-------------------------- 1 file changed, 21 insertions(+), 54 deletions(-) diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml index ed74736..798de45 100644 --- a/.github/workflows/nextjs.yml +++ b/.github/workflows/nextjs.yml @@ -1,86 +1,53 @@ -# Sample workflow for building and deploying a Next.js site to GitHub Pages -# -# To get started with Next.js see: https://nextjs.org/docs/getting-started -# -name: Deploy Next.js site to Pages +name: Deploy Next.js site to GitHub Pages on: - # Runs on pushes targeting the default branch + # Runs the action on pushes to the main branch push: branches: ["main"] - # Allows you to run this workflow manually from the Actions tab + # Allows the workflow to be triggered manually workflow_dispatch: -# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: contents: read pages: write id-token: write -# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. -# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. concurrency: group: "pages" cancel-in-progress: false jobs: - # Build job build: runs-on: ubuntu-latest steps: - - name: Checkout + - name: Checkout repository 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" - exit 1 - fi - - name: Setup Node + + - name: Setup Node.js uses: actions/setup-node@v4 with: node-version: "20" - cache: ${{ steps.detect-package-manager.outputs.manager }} - - name: Setup Pages - uses: actions/configure-pages@v5 - with: - # Automatically inject basePath in your Next.js configuration file and disable - # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized). - # - # You may remove this line if you want to manage the configuration yourself. - static_site_generator: next - - name: Restore cache - uses: actions/cache@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 - run: ${{ steps.detect-package-manager.outputs.runner }} next build - - name: Upload artifact + run: npm install + + # Modify the next.config.js to set the assetPrefix dynamically + - name: Set assetPrefix for GitHub Pages + run: | + echo "module.exports = { assetPrefix: '/hackathon-tpac-2024/', images: { unoptimized: true } };" > next.config.js + + - name: Build the Next.js site + run: npm run build + + - name: Export static site + run: npm run export + + - name: Upload artifact for deployment uses: actions/upload-pages-artifact@v3 with: path: ./out - # Deployment job deploy: environment: name: github-pages