diff --git a/.gitea/workflows/build-image.yaml b/.gitea/workflows/build-image.yaml
index 1c8bb60..4db7bd0 100644
--- a/.gitea/workflows/build-image.yaml
+++ b/.gitea/workflows/build-image.yaml
@@ -7,7 +7,7 @@ jobs:
     env:
       IMAGE_NAME: tladle
       REGISTRY_NAME: gitea.sc0tt.org
-      GIT_TAG: 1.0.2 
+      GIT_TAG: 1.1 
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
diff --git a/resources/js/App.vue b/resources/js/App.vue
index f855f25..5111eed 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -2,6 +2,7 @@
     import type { NavigationMenuItem } from '@nuxt/ui'
     import HowToPlay from "./components/HowToPlay.vue";
     import { useColorMode } from '@vueuse/core'
+    import DevAlert from './components/DevAlert.vue';
 
     const items: NavigationMenuItem[] = [{
         label: 'Git',
@@ -34,6 +35,8 @@
        <UColorModeSwitch />
     </template>
   </UHeader>
+
+      <DevAlert/>
     <UMain class="main">
             <router-view v-slot="{ Component,route }">
                 <component :is="Component" />
diff --git a/resources/js/components/DevAlert.vue b/resources/js/components/DevAlert.vue
new file mode 100644
index 0000000..fcfa97d
--- /dev/null
+++ b/resources/js/components/DevAlert.vue
@@ -0,0 +1,40 @@
+<template>
+    <template v-if="dev">
+        <UAlert
+            title="You're on the testing page for TLAdle"
+            description="Please follow the link below for the production version of this page!"
+            color="error"
+            variant="subtle"
+            icon="i-lucide-terminal"
+            :actions="[
+                {
+                    label: 'tladle.sc0tt.org',
+                    variant: 'outline',
+                    to: 'https://tladle.sc0tt.org/'
+                }
+            ]"
+        />
+        </template>
+</template> 
+
+<script setup lang="ts">
+    import axios from 'axios';
+</script>
+
+<script lang="ts">
+    export default {
+    data() {
+        return {
+            dev: false,
+        }
+    },
+
+    mounted() {
+        axios.get('/api/fetch_dev')
+        .then(response => {
+            this.dev = response.data.dev;
+        })
+    },
+}
+
+</script>
\ No newline at end of file
diff --git a/routes/api.php b/routes/api.php
index e4ee362..43fd9a6 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -7,5 +7,8 @@ Route::middleware('web')->group(function () {
         Route::resource('people', \App\Http\Controllers\TlaController::class);
         Route::get('fetch_tla/{language?}', [\App\Http\Controllers\TlaController::class, 'fetch_tla']);
         Route::post('check_tla/{language?}', [\App\Http\Controllers\TlaController::class, 'check_tla']);
-        Route::post('suggestion/{language?}', [\App\Http\Controllers\TlaController::class, 'suggestion']);
+        Route::post('suggestion /{language?}', [\App\Http\Controllers\TlaController::class, 'suggestion']);
+        Route::get('fetch_dev', function() {
+                return response()->json(['dev' => env('DEV_MESSAGE', false)]);
+        });
 });
\ No newline at end of file