Merge pull request #31 from Rajesh-Nagarajan-11/fix

Fix

Author: Rajesh-Nagarajan-11

.github/workflows/build-and-preview-site.yml

@@ -20,10 +20,12 @@ jobs:
         uses: actions/checkout@v6
 
       - name: Install and Build 🔧
+        env:
+          PATH_PREFIX: /recognition/pr-preview/pr-${{ github.event.pull_request.number }}
         run: |
           npm install
           node -v
-          npm run build
+          npm run build -- --prefix-paths
 
       - name: Broken Link Check 🔗
         uses: technote-space/broken-link-checker-action@v2
@@ -45,6 +47,9 @@ jobs:
     needs: build
     runs-on: ubuntu-latest
     if: github.event_name == 'pull_request'
+    permissions:
+      contents: write
+      pull-requests: write
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v6
@@ -72,10 +77,12 @@ jobs:
         uses: rossjrw/pr-preview-action@v1.6.3
         with:
           source-dir: public
+          token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Remove Preview on Close
         if: github.event_name == 'pull_request' && github.event.action == 'closed'
         uses: rossjrw/pr-preview-action@v1.6.3
         with:
           source-dir: public
-          remove: true
+          remove: true
+          token: ${{ secrets.GITHUB_TOKEN }}

gatsby-config.js

@@ -2,6 +2,7 @@
  * @type {import('gatsby').GatsbyConfig}
  */
 module.exports = {
+  pathPrefix: process.env.PATH_PREFIX,
   siteMetadata: {
     title: `Layer5 Recognition Program`,
     description: `Showcasing Your Achievements as a User and a Contributor`,

src/pages/404.js

@@ -11,4 +11,4 @@ const NotFoundPage = ({ location }) => {
 
 export const Head = () => <title>404: Not Found</title>
 
-export default NotFoundPage
+export default NotFoundPage