Added Pipeline for deploying to github actions (#1)

* added deployment for frontent github pages

* whitelisted feature branch for now

* added 404.vue page and adjusted config

* building now with github pages preset

* set fallback option to true

* set target option

* removing env for now

* added root page

* added deploy

* adjusted workflow

* removed options

.github/workflows/pages.yml

@@ -0,0 +1,44 @@
+name: Deploy to GitHub Pages
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+      - feature/github-pages
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container:
+      image: oven/bun:1  # Use Bun's official Docker image
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install dependencies with Bun
+        working-directory: ./web
+        run: bun install
+
+      - name: Build with Nuxt
+        working-directory: ./web
+        run: bunx nuxt build --preset github_pages
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./web/.output/public
+
+  deploy:
+    needs: build
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: github_pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+

web/nuxt.config.ts

@@ -1,6 +1,9 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  compatibilityDate: '2024-11-01',
+	compatibilityDate: '2024-11-01',
-  devtools: { enabled: true },
+	devtools: { enabled: true },
-  modules: ['@nuxt/eslint', '@nuxt/test-utils', '@nuxt/ui']
+	modules: ['@nuxt/eslint', '@nuxt/test-utils', '@nuxt/ui'],
-})
+	app: {
+		baseURL: process.env.BASE_URL,
+	},
+})

web/pages/404.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+	<div>
+		404 not found
+	</div>
+</template>
+
+
+<style scoped></style>

web/pages/index.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+	<div>
+		indx
+	</div>
+</template>
+
+
+<style scoped></style>