Fix build issues by switching from Google Fonts to local fonts

Copilot · GTheMachine · Copilot · commit 9f0c64839198 · 2025-12-12T03:06:02.000Z
- Added `geist` npm package for local font files
- Updated layout.tsx to import fonts from the geist package
- Build now succeeds without network access to Google Fonts

Co-authored-by: GTheMachine &lt;156854865+GTheMachine@users.noreply.github.com&gt;
diff --git a/apps/app/package.json b/apps/app/package.json
@@ -49,6 +49,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "dotenv": "^17.2.3",
+    "geist": "^1.5.1",
     "lightningcss-linux-x64-gnu": "^1.30.2",
     "lucide-react": "^0.556.0",
     "next": "16.0.7",
diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx
@@ -1,18 +1,9 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
 import { Toaster } from "sonner";
 import "./globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
   title: "Automaker - Autonomous AI Development Studio",
   description: "Build software autonomously with intelligent orchestration",
@@ -26,7 +17,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${GeistSans.variable} ${GeistMono.variable} antialiased`}
       >
         {children}
         <Toaster richColors position="bottom-right" />
diff --git a/package-lock.json b/package-lock.json
