refactor(infra): use non-static builds for frontends (#444)

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: steebchen

.env.example

@@ -40,8 +40,7 @@ DOCS_PORT=3005
 UI_URL=http://localhost:3002
 API_URL=http://localhost:4002
 ORIGIN_URL=http://localhost:3002
-VITE_API_URL=http://localhost:4002
-VITE_DOCS_URL=http://localhost:3005
+DOCS_URL=http://localhost:3005
 
 # Passkey configuration (update for your domain)
 PASSKEY_RP_ID=localhost
@@ -88,12 +87,12 @@ TOGETHER_AI_API_KEY=your_together_ai_key_here
 # PostHog analytics - remove if you don't want analytics
 
 # frontend & api
-VITE_POSTHOG_KEY=your_posthog_project_key
-VITE_POSTHOG_HOST=https://app.posthog.com
+POSTHOG_KEY=your_posthog_project_key
+POSTHOG_HOST=https://app.posthog.com
 
 # docs
-NEXT_PUBLIC_POSTHOG_KEY=your_posthog_project_key
-NEXT_PUBLIC_POSTHOG_HOST=https://app.posthog.com
+POSTHOG_KEY=your_posthog_project_key
+POSTHOG_HOST=https://app.posthog.com
 
 # =============================================================================
 # PAYMENT PROCESSING (OPTIONAL)

.env.unified.example

@@ -59,8 +59,8 @@ TOGETHER_AI_API_KEY=your_together_ai_key_here
 # =============================================================================
 # PostHog analytics - remove if you don't want analytics
 
-VITE_POSTHOG_KEY=your_posthog_project_key
-VITE_POSTHOG_HOST=https://app.posthog.com
+POSTHOG_KEY=your_posthog_project_key
+POSTHOG_HOST=https://app.posthog.com
 
 # =============================================================================
 # PAYMENT PROCESSING (OPTIONAL)

.github/workflows/images.yml

@@ -73,13 +73,6 @@ jobs:
           cache-to: type=gha,mode=max,scope=${{ matrix.app }}
           build-args: |
             APP_VERSION=${{ needs.setup.outputs.image_tag }}
-            VITE_API_URL=${{ secrets.API_URL }}
-            VITE_DOCS_URL=${{ secrets.DOCS_URL }}
-            VITE_CRISP_ID=${{ secrets.CRISP_ID }}
-            VITE_POSTHOG_HOST=${{ secrets.POSTHOG_HOST }}
-            VITE_POSTHOG_KEY=${{ secrets.POSTHOG_KEY }}
-            NEXT_PUBLIC_POSTHOG_HOST=${{ secrets.POSTHOG_HOST }}
-            NEXT_PUBLIC_POSTHOG_KEY=${{ secrets.POSTHOG_KEY }}
 
   push-unified:
     needs: setup

apps/api/.env.example

@@ -3,8 +3,8 @@ STRIPE_WEBHOOK_SECRET=whsec_123
 STRIPE_PRO_MONTHLY_PRICE_ID=price_12345678
 STRIPE_PRO_YEARLY_PRICE_ID=price_12345678
 
-VITE_POSTHOG_KEY=phc_123
-VITE_POSTHOG_HOST=https://app.posthog.com
+POSTHOG_KEY=phc_123
+POSTHOG_HOST=https://app.posthog.com
 
 UI_URL=https://llmgateway.io
 

apps/api/package.json

@@ -7,7 +7,7 @@
 		"dist/"
 	],
 	"scripts": {
-		"build": "tsc && tsup",
+		"build": "tsc && tsup && pnpm run generate",
 		"dev": "nodemon -e ts,json --exec 'tsx src/serve.ts'",
 		"generate": "tsx ./src/scripts/generate-openapi.ts",
 		"start": "node dist/serve.js"

apps/api/src/posthog.ts

@@ -1,5 +1,5 @@
 import { PostHog } from "posthog-node";
 
-export const posthog = new PostHog(process.env.VITE_POSTHOG_KEY || "key", {
-	host: process.env.VITE_POSTHOG_HOST || "key",
+export const posthog = new PostHog(process.env.POSTHOG_KEY || "key", {
+	host: process.env.POSTHOG_HOST || "key",
 });

apps/docs/.env.example

@@ -1,2 +1,2 @@
-NEXT_PUBLIC_POSTHOG_KEY=
-NEXT_PUBLIC_POSTHOG_HOST=
+POSTHOG_KEY=
+POSTHOG_HOST=

apps/docs/app/(home)/[[...slug]]/page.tsx

@@ -26,9 +26,7 @@ export async function generateMetadata({
 	const image = ["/docs-og", ...slug, "image.png"].join("/");
 
 	return {
-		metadataBase: new URL(
-			process.env.VITE_DOCS_URL || "https://docs.llmgateway.io",
-		),
+		metadataBase: new URL(process.env.DOCS_URL || "https://docs.llmgateway.io"),
 		title: page.data.title,
 		description: page.data.description,
 		openGraph: {

apps/docs/app/api/search/route.ts

@@ -2,6 +2,4 @@ import { createFromSource } from "fumadocs-core/search/server";
 
 import { source } from "@/lib/source";
 
-export const dynamic = "force-static";
-
-export const { staticGET: GET } = createFromSource(source);
+export const { GET } = createFromSource(source);

apps/docs/app/layout.tsx

@@ -2,6 +2,7 @@ import { RootProvider } from "fumadocs-ui/provider";
 import { Inter } from "next/font/google";
 
 import "./global.css";
+import { ConfigProvider } from "@/lib/context";
 import { PostHogProvider } from "@/lib/providers";
 
 import type { ReactNode } from "react";
@@ -11,20 +12,18 @@ const inter = Inter({
 });
 
 export default function Layout({ children }: { children: ReactNode }) {
+	// Access environment variables directly on the server
+	const posthogKey = process.env.POSTHOG_KEY || "";
+	const posthogHost = process.env.POSTHOG_HOST || "";
+
 	return (
 		<html lang="en" className={inter.className} suppressHydrationWarning>
 			<body className="flex flex-col min-h-screen">
-				<PostHogProvider>
-					<RootProvider
-						search={{
-							options: {
-								type: "static",
-							},
-						}}
-					>
-						{children}
-					</RootProvider>
-				</PostHogProvider>
+				<ConfigProvider posthogKey={posthogKey} posthogHost={posthogHost}>
+					<PostHogProvider>
+						<RootProvider>{children}</RootProvider>
+					</PostHogProvider>
+				</ConfigProvider>
 			</body>
 		</html>
 	);