From e9ed980ab8e6b6cd86f46b48280bf884ea5f2c3f Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Mon, 20 Apr 2026 02:09:36 +0200
Subject: [PATCH] Show app version and git SHA on about page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/page.tsx   | 13 +++++++++++++
 next.config.ts |  4 ++++
 2 files changed, 17 insertions(+)

diff --git a/app/page.tsx b/app/page.tsx
index 18360f9..ca3f013 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -171,6 +171,19 @@ export default async function Home({ searchParams }: HomePageProps) {
               </p>
               <p className="mt-2 font-semibold text-foreground">Next.js op Vercel</p>
             </div>
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground">
+                Versie
+              </p>
+              <p className="mt-2 font-mono text-sm font-semibold text-foreground">
+                v{process.env.NEXT_PUBLIC_APP_VERSION}
+                {process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA && (
+                  <span className="ml-1.5 text-muted-foreground">
+                    · {process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA.slice(0, 7)}
+                  </span>
+                )}
+              </p>
+            </div>
           </CardContent>
         </Card>
       </div>
diff --git a/next.config.ts b/next.config.ts
index 19509b7..8ddc501 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,8 +1,12 @@
 import type { NextConfig } from "next";
+import { version } from "./package.json";
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
   serverExternalPackages: ["sharp"],
+  env: {
+    NEXT_PUBLIC_APP_VERSION: version,
+  },
   experimental: {
     serverActions: {
       bodySizeLimit: "12mb",