diff --git a/apps/frontend/next.config.js b/apps/frontend/next.config.js
deleted file mode 100644
index da1bb770..00000000
--- a/apps/frontend/next.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  reactStrictMode: true,
-};
diff --git a/apps/frontend/next.config.mjs b/apps/frontend/next.config.mjs
new file mode 100644
index 00000000..514d6639
--- /dev/null
+++ b/apps/frontend/next.config.mjs
@@ -0,0 +1,14 @@
+// Importing env files here to validate on build
+import './src/env.mjs';
+
+/** @type {import('next').NextConfig} */
+const config = {
+  reactStrictMode: true,
+  /** Enables hot reloading for local packages without a build step */
+  transpilePackages: [],
+  /** We already do linting and typechecking as separate tasks in CI */
+  eslint: { ignoreDuringBuilds: true },
+  typescript: { ignoreBuildErrors: true },
+};
+
+export default config;
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index cf0dcc02..bac75112 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -25,6 +25,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@tailwindcss/line-clamp": "0.4.4",
+    "@t3-oss/env-nextjs": "^0.6.0",
     "@types/react-syntax-highlighter": "15.5.7",
     "@vercel/analytics": "^1.0.1",
     "clsx": "1.2.1",
@@ -39,7 +40,8 @@
     "react-hook-form": "7.45.1",
     "react-markdown": "8.0.7",
     "react-syntax-highlighter": "15.5.0",
-    "recoil": "0.7.7"
+    "recoil": "0.7.7",
+    "zod": "^3.21.4"
   },
   "devDependencies": {
     "@babel/core": "7.22.5",
diff --git a/apps/frontend/src/components/Utils/GoogleAnalytics.tsx b/apps/frontend/src/components/Utils/GoogleAnalytics.tsx
index d95d651c..d7c13ac1 100644
--- a/apps/frontend/src/components/Utils/GoogleAnalytics.tsx
+++ b/apps/frontend/src/components/Utils/GoogleAnalytics.tsx
@@ -3,14 +3,14 @@
 import { usePathname, useSearchParams } from 'next/navigation';
 import Script from 'next/script';
 import { useEffect } from 'react';
-import { GA_TRACKING_ID, pageView } from '@/lib';
+import { pageView } from '@/lib';
+import { env } from '@/env.mjs';
 
 const GoogleAnalytics: React.FC = () => {
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
   useEffect(() => {
-    if (!GA_TRACKING_ID) return;
     const url = pathname + searchParams.toString();
     pageView(url);
   }, [pathname, searchParams]);
@@ -19,7 +19,7 @@ const GoogleAnalytics: React.FC = () => {
     <>
       <Script
         strategy='lazyOnload'
-        src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
+        src={`https://www.googletagmanager.com/gtag/js?id=${env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}`}
       />
       <Script
         id='gtag-init'
@@ -29,7 +29,7 @@ const GoogleAnalytics: React.FC = () => {
           window.dataLayer = window.dataLayer || [];
           function gtag(){dataLayer.push(arguments);}
           gtag('js', new Date());
-          gtag('config', '${GA_TRACKING_ID}', {
+          gtag('config', '${env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}', {
             page_path: window.location.pathname,
           });
         `}
diff --git a/apps/frontend/src/env.mjs b/apps/frontend/src/env.mjs
new file mode 100644
index 00000000..cf8ca767
--- /dev/null
+++ b/apps/frontend/src/env.mjs
@@ -0,0 +1,27 @@
+import { createEnv } from '@t3-oss/env-nextjs';
+import { z } from 'zod';
+
+export const env = createEnv({
+  /**
+   * Specify your server-side environment variables schema here. This way you can ensure the app isn't
+   * built with invalid env vars.
+   */
+  server: {
+    NODE_ENV: z.string().min(1),
+  },
+  /**
+   * Specify your client-side environment variables schema here.
+   * For them to be exposed to the client, prefix them with `NEXT_PUBLIC_`.
+   */
+  client: {
+    NEXT_PUBLIC_GOOGLE_ANALYTICS_ID: z.string().min(1),
+  },
+  /**
+   * Destructure all variables from `process.env` to make sure they aren't tree-shaken away.
+   */
+  runtimeEnv: {
+    NODE_ENV: process.env.NODE_ENV,
+    NEXT_PUBLIC_GOOGLE_ANALYTICS_ID: process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID,
+  },
+  skipValidation: !!process.env.CI || !!process.env.SKIP_ENV_VALIDATION,
+});
diff --git a/apps/frontend/src/lib/analytics/gtag.tsx b/apps/frontend/src/lib/analytics/gtag.tsx
index 986d8010..83aa260b 100644
--- a/apps/frontend/src/lib/analytics/gtag.tsx
+++ b/apps/frontend/src/lib/analytics/gtag.tsx
@@ -1,11 +1,10 @@
 'use client';
 
-import { GA_TRACKING_ID } from '@/lib';
+import { env } from '@/env.mjs';
 
 // https://developers.google.com/analytics/devguides/collection/gtagjs/pages
 export const pageView = (url: string) => {
-  if (!GA_TRACKING_ID) return;
-  window.gtag('config', GA_TRACKING_ID, {
+  window.gtag('config', env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID, {
     page_path: url,
   });
 };
diff --git a/apps/frontend/src/lib/constants.ts b/apps/frontend/src/lib/constants.ts
deleted file mode 100644
index 06107044..00000000
--- a/apps/frontend/src/lib/constants.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const GA_TRACKING_ID =
-  process.env.NODE_ENV === 'production' && process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID
-    ? process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID
-    : null;
diff --git a/apps/frontend/src/lib/index.ts b/apps/frontend/src/lib/index.ts
index 8d93de95..77dc4f52 100644
--- a/apps/frontend/src/lib/index.ts
+++ b/apps/frontend/src/lib/index.ts
@@ -1,2 +1 @@
 export * from './analytics';
-export * from './constants';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6536983a..dcebb424 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -114,6 +114,9 @@ importers:
       '@radix-ui/react-icons':
         specifier: ^1.3.0
         version: 1.3.0(react@18.2.0)
+      '@t3-oss/env-nextjs':
+        specifier: ^0.6.0
+        version: 0.6.0(typescript@5.1.6)(zod@3.21.4)
       '@tailwindcss/line-clamp':
         specifier: 0.4.4
         version: 0.4.4(tailwindcss@3.3.2)
@@ -162,6 +165,9 @@ importers:
       recoil:
         specifier: 0.7.7
         version: 0.7.7(react-dom@18.2.0)(react@18.2.0)
+      zod:
+        specifier: ^3.21.4
+        version: 3.21.4
     devDependencies:
       '@babel/core':
         specifier: 7.22.5
@@ -3017,6 +3023,27 @@ packages:
       defer-to-connect: 1.1.3
     dev: true
 
+  /@t3-oss/env-core@0.6.0(typescript@5.1.6)(zod@3.21.4):
+    resolution: {integrity: sha512-3FkPAba069WRZVVab/sB1m3eSGn/rZeypx5k+sWEu1d+k0OQdRDnvFS+7MtxYgqVrwaRk3b7yVnX2dgSPVmWPQ==}
+    peerDependencies:
+      typescript: '>=4.7.2'
+      zod: ^3.0.0
+    dependencies:
+      typescript: 5.1.6
+      zod: 3.21.4
+    dev: false
+
+  /@t3-oss/env-nextjs@0.6.0(typescript@5.1.6)(zod@3.21.4):
+    resolution: {integrity: sha512-SpzcGNIbUYcQw4zPPFeRJqCC1560zL7QmB0puIqOnuCsmykPkqHPX+n9CNZLXVQerboHzfvb7Kd+jAdouk72Vw==}
+    peerDependencies:
+      typescript: '>=4.7.2'
+      zod: ^3.0.0
+    dependencies:
+      '@t3-oss/env-core': 0.6.0(typescript@5.1.6)(zod@3.21.4)
+      typescript: 5.1.6
+      zod: 3.21.4
+    dev: false
+
   /@tailwindcss/line-clamp@0.4.4(tailwindcss@3.3.2):
     resolution: {integrity: sha512-5U6SY5z8N42VtrCrKlsTAA35gy2VSyYtHWCsg1H87NU1SXnEfekTVlrga9fzUDrrHcGi2Lb5KenUWb4lRQT5/g==}
     peerDependencies: