Merge pull request #2 from code0-tech/1-deployment-pipeline

Create deployment pipeline

.github/workflows/ci.yml

@@ -0,0 +1,48 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+permissions:
+  pull-requests: write
+
+jobs:
+  pipeline:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: Taucher2003/[email protected]
+        name: Run pipeline
+        id: pipeline
+        with:
+          GL_SERVER_URL: https://gitlab.com
+          GL_PROJECT_ID: '57513325'
+          GL_RUNNER_TOKEN: ${{ secrets.GL_RUNNER_TOKEN }}
+          GL_API_TOKEN: ${{ secrets.GL_API_TOKEN }}
+          SHOW_JOB_LOGS: all
+          OVERRIDE_GITHUB_SHA: ${{ github.event_name == 'push' && github.sha || github.event.pull_request.head.sha }}
+          OVERRIDE_GITHUB_REF_NAME: ${{ github.event_name == 'push' && github.ref_name || github.event.pull_request.head.ref }}
+        env:
+          GLPA_C0_GH_REF: ${{ github.ref }}
+
+      - name: Find existing comment
+        uses: peter-evans/find-comment@v3
+        id: find-comment
+        if: ${{ !cancelled() && github.event_name == 'pull_request' }}
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: 'github-actions[bot]'
+          body-includes: <!-- glpa_comment:pipeline -->
+
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v4
+        if: ${{ !cancelled() && github.event_name == 'pull_request' }}
+        with:
+          comment-id: ${{ steps.find-comment.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            <!-- glpa_comment:pipeline -->
+            ${{ steps.pipeline.outputs.SUMMARY_TEXT }}
+          edit-mode: replace

.gitlab-ci.yml

@@ -0,0 +1,40 @@
+.build-base:
+  image: node:20.9.0
+  script:
+    - npm ci
+    - npm run build
+
+build:
+  extends:
+    - .build-base
+  stage: build
+  variables:
+    C0_BASE_PATH: /-/development/landing-page/-/jobs/$CI_JOB_ID/artifacts/out
+  after_script:
+    - |
+      echo -e "\e[0Ksection_start:`date +%s`:glpa_summary\r\e[0KHeader of the summary"
+      echo "Preview available at https://code0-tech.gitlab.io/-/development/landing-page/-/jobs/$CI_JOB_ID/artifacts/out/index.html"
+      echo -e "\e[0Ksection_end:`date +%s`:glpa_summary\r\e[0K"
+  environment:
+    name: preview/$CI_COMMIT_REF_SLUG
+    url: https://code0-tech.gitlab.io/-/development/landing-page/-/jobs/$CI_JOB_ID/artifacts/out/index.html
+    auto_stop_in: 7 days
+  artifacts:
+    paths:
+      - out
+    expire_in: 7 days
+  rules:
+    - if: $C0_GH_REF != "refs/heads/main"
+
+pages:
+  extends:
+    - .build-base
+  stage: deploy
+  after_script:
+    - rm -rf public
+    - mv out public
+  artifacts:
+    paths:
+      - public
+  rules:
+    - if: $C0_GH_REF == "refs/heads/main"

next.config.mjs

@@ -1,4 +1,14 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    output: 'export',
+    images: {
+        loader: 'custom',
+        loaderFile: './src/utils/image-loader.js',
+    },
+};
+
+if (process.env.C0_BASE_PATH) {
+    nextConfig.basePath = process.env.C0_BASE_PATH;
+}
 
 export default nextConfig;

src/utils/image-loader.js

@@ -0,0 +1,3 @@
+export default function imageLoader({ src }) {
+    return `${process.env.C0_BASE_PATH ?? ''}${src}`;
+}