feat(web): add T3 Env schema

Ultra-worked with [Sisyphus](https://github.com/code-yeongyu/oh-my-opencode)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

Author: gracefullight

apps/web/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/web/next.config.ts

@@ -1,9 +1,11 @@
-import createNextIntlPlugin from "next-intl/plugin";
 import type { NextConfig } from "next";
 
+import createNextIntlPlugin from "next-intl/plugin";
+import { env } from "./src/config/env";
+
 const withNextIntl = createNextIntlPlugin("./src/lib/i18n/request.ts");
 
-const isDev = process.env.NEXT_PUBLIC_ENABLE_DEVTOOLS === "true";
+const isDev = env.NEXT_PUBLIC_ENABLE_DEVTOOLS === "true";
 
 const securityHeaders = [
   {
@@ -72,6 +74,7 @@ const nextConfig: NextConfig = {
   experimental: {
     typedEnv: true,
   },
+  serverExternalPackages: ["esbuild-wasm"],
   async headers() {
     return [
       {

apps/web/src/config/env.ts

@@ -0,0 +1,49 @@
+import { createEnv } from "@t3-oss/env-nextjs";
+import { z } from "zod";
+
+export const env = createEnv({
+  server: {
+    BETTER_AUTH_SECRET: z.string().min(32, "Secret must be at least 32 characters"),
+    BETTER_AUTH_URL: z.string().url().optional().default("http://localhost:3000"),
+    GOOGLE_CLIENT_ID: z.string().optional().or(z.literal("")),
+    GOOGLE_CLIENT_SECRET: z.string().optional().or(z.literal("")),
+    GITHUB_CLIENT_ID: z.string().optional().or(z.literal("")),
+    GITHUB_CLIENT_SECRET: z.string().optional().or(z.literal("")),
+    FACEBOOK_CLIENT_ID: z.string().optional().or(z.literal("")),
+    FACEBOOK_CLIENT_SECRET: z.string().optional().or(z.literal("")),
+    OTEL_SERVICE_NAME: z.string().optional().default("web"),
+    OTEL_SAMPLE_RATE: z
+      .string()
+      .optional()
+      .default("0.1")
+      .transform((val) => Number.parseFloat(val)),
+  },
+
+  client: {
+    NEXT_PUBLIC_BETTER_AUTH_URL: z.string().url().optional().default("http://localhost:3000"),
+    NEXT_PUBLIC_API_URL: z.string().url().optional().default("http://localhost:8000"),
+    NEXT_PUBLIC_SITE_URL: z.string().url().optional().default("https://example.com"),
+    NEXT_PUBLIC_ENABLE_DEVTOOLS: z.enum(["true", "false"]).optional().default("false"),
+    NEXT_PUBLIC_GIT_COMMIT: z.string().optional(),
+  },
+
+  runtimeEnv: {
+    BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,
+    BETTER_AUTH_URL: process.env.BETTER_AUTH_URL,
+    GOOGLE_CLIENT_ID: process.env.GOOGLE_CLIENT_ID,
+    GOOGLE_CLIENT_SECRET: process.env.GOOGLE_CLIENT_SECRET,
+    GITHUB_CLIENT_ID: process.env.GITHUB_CLIENT_ID,
+    GITHUB_CLIENT_SECRET: process.env.GITHUB_CLIENT_SECRET,
+    FACEBOOK_CLIENT_ID: process.env.FACEBOOK_CLIENT_ID,
+    FACEBOOK_CLIENT_SECRET: process.env.FACEBOOK_CLIENT_SECRET,
+    OTEL_SERVICE_NAME: process.env.OTEL_SERVICE_NAME,
+    OTEL_SAMPLE_RATE: process.env.OTEL_SAMPLE_RATE,
+    NEXT_PUBLIC_BETTER_AUTH_URL: process.env.NEXT_PUBLIC_BETTER_AUTH_URL,
+    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
+    NEXT_PUBLIC_SITE_URL: process.env.NEXT_PUBLIC_SITE_URL,
+    NEXT_PUBLIC_ENABLE_DEVTOOLS: process.env.NEXT_PUBLIC_ENABLE_DEVTOOLS,
+    NEXT_PUBLIC_GIT_COMMIT: process.env.NEXT_PUBLIC_GIT_COMMIT,
+  },
+
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+});

apps/web/tsconfig.json

@@ -1,7 +1,12 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "lib": ["dom", "dom.iterable", "esnext", "webworker"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext",
+      "webworker"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,17 +16,27 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }