Try another method

Author: DilsonsPickles

astro.config.mjs

@@ -10,17 +10,25 @@ import compressor from "astro-compressor";
 // https://astro.build/config
 export default defineConfig({
   site: "https://www.audacityteam.org",
-  integrations: [tailwind({
-    // Example: Disable injecting a basic `base.css` import on every page.
-    // Useful if you need to define and/or import your own custom `base.css`.
-    applyBaseStyles: false
-  }), react(), sitemap(), compressor()],
+  integrations: [
+    tailwind({
+      // Example: Disable injecting a basic `base.css` import on every page.
+      // Useful if you need to define and/or import your own custom `base.css`.
+      applyBaseStyles: false,
+    }),
+    react(),
+    sitemap(),
+    compressor(),
+  ],
   vite: {
     define: {
       "import.meta.env.BRANCH": JSON.stringify(process.env.BRANCH),
     },
     ssr: {
-      noExternal: ["@datapunt/matomo-tracker-react", "@datapunt/matomo-tracker-js"]
-    }
+      noExternal: [
+        "@datapunt/matomo-tracker-react",
+        "@datapunt/matomo-tracker-js",
+      ],
+    },
   },
 });

src/pages/.secret-form.astro

@@ -2,6 +2,8 @@
 import NewsletterForm from "../components/form/NewsletterForm.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
 import "../styles/icons.css";
+
+const branch = import.meta.env.BRANCH || "unknown";
 ---
 
 <BaseLayout
@@ -11,6 +13,8 @@ import "../styles/icons.css";
   <section class="mx-8 max-w-screen-md xl:max-w-screen-lg md:mx-auto">
     <div class="mt-8 flex flex-col items-center gap-8">
       <h1>Sign up to our newsletter</h1>
+
+      <p>Current branch: {branch}</p>
       <NewsletterForm />
     </div>
   </section>