diff --git a/resources/js/Components/FlightsGoneBy/MainFooter.vue b/resources/js/Components/FlightsGoneBy/MainFooter.vue
index b84775a..7a77b2f 100644
--- a/resources/js/Components/FlightsGoneBy/MainFooter.vue
+++ b/resources/js/Components/FlightsGoneBy/MainFooter.vue
@@ -4,12 +4,14 @@ import { SharedProps } from "@/Types/types"
 
 const page = usePage<SharedProps>().props
 const year = new Date().getFullYear()
+const version = __APP_VERSION__
 </script>
 
 <template>
     <footer class="glass">
         <span class="footer-copyright">
             &copy; {{ year }} FlightsGoneBy
+            <span class="footer-version">v{{ version }}</span>
         </span>
 
         <span class="footer-links">
@@ -73,4 +75,9 @@ footer {
         font-size: 0.6rem;
     }
 }
+
+.footer-version {
+    opacity: 0.8;
+    margin-left: 0.4em;
+}
 </style>
diff --git a/resources/js/vite-env.d.ts b/resources/js/vite-env.d.ts
index 0cb5cbe..870b1c0 100644
--- a/resources/js/vite-env.d.ts
+++ b/resources/js/vite-env.d.ts
@@ -2,3 +2,4 @@
 /// <reference types="vite-plugin-pwa/client" />
 
 declare module '*.css'
+declare const __APP_VERSION__: string
diff --git a/vite.config.ts b/vite.config.ts
index 31dac3f..18fe9c0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,8 +4,22 @@ import vue from '@vitejs/plugin-vue';
 import path from 'path';
 import vuetify from "vite-plugin-vuetify";
 import { VitePWA } from 'vite-plugin-pwa';
+import { execSync } from 'child_process'
+
+
+function getAppVersion(): string {
+    try {
+        // Prefer a tag if one points at HEAD, else fall back to short hash
+        return execSync('git describe --tags --always --dirty').toString().trim()
+    } catch {
+        return 'Unknown'
+    }
+}
 
 export default defineConfig({
+    define: {
+        __APP_VERSION__: JSON.stringify(getAppVersion()),
+    },
     plugins: [
         laravel({
             input: 'resources/js/app.ts',