feat: add env type checker

package.json

@@ -24,7 +24,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.12.0",
-    "tailwind-merge": "^2.1.0"
+    "tailwind-merge": "^2.1.0",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@commitlint/cli": "^16.3.0",

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import Head from 'next/head';
 import * as React from 'react';
+import '@/lib/env';
 
 import ArrowLink from '@/components/links/ArrowLink';
 import ButtonLink from '@/components/links/ButtonLink';

src/lib/env.ts

@@ -0,0 +1,20 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+/**
+ * Configuration for type-safe environment variables.
+ * Imported through src/app/page.tsx
+ * @see https://x.com/mattpocockuk/status/1760991147793449396
+ */
+import { z } from 'zod';
+
+const envVariables = z.object({
+  NEXT_PUBLIC_SHOW_LOGGER: z.enum(['true', 'false']).optional(),
+});
+
+envVariables.parse(process.env);
+
+declare global {
+  namespace NodeJS {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface ProcessEnv extends z.infer<typeof envVariables> {}
+  }
+}