Fix build: resolve Turbopack client bundle and font issues

- Move EXPENSE_CATEGORIES to ~/lib/expense-categories.ts to break server router import chain from client component - Use inline import() types in trpc/react.tsx to prevent Turbopack from including server modules (pg, db) in the client bundle - Replace next/font/google with system font stacks to fix build failures in environments without Google Fonts access https://claude.ai/code/session_012sqEgNQpx676isepeoX4Mi
2026-05-08 17:48:55 -04:00 · 2026-04-05 03:00:25 +00:00
parent e6b79ce2c2
commit 4c0eae4b11
6 changed files with 21 additions and 39 deletions
@@ -1,7 +1,6 @@
 import "~/styles/globals.css";

 import { type Metadata } from "next";
-import { Inter, Playfair_Display, Geist_Mono } from "next/font/google";

 import { TRPCReactProvider } from "~/trpc/react";
 import { Toaster } from "~/components/ui/sonner";
@@ -17,24 +16,6 @@ export const metadata: Metadata = {
  icons: [{ rel: "icon", url: "/favicon.ico" }],
 };

-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-sans",
-  display: "swap",
-});
-
-const playfair = Playfair_Display({
-  subsets: ["latin"],
-  variable: "--font-heading",
-  display: "swap",
-});
-
-const geistMono = Geist_Mono({
-  subsets: ["latin"],
-  variable: "--font-geist-mono",
-  display: "swap",
-});
-
 export default function RootLayout({
  children,
 }: Readonly<{ children: React.ReactNode }>) {
@@ -42,7 +23,6 @@ export default function RootLayout({
    <html
      suppressHydrationWarning
      lang="en"
-      className={`${inter.variable} ${playfair.variable} ${geistMono.variable}`}
    >
      <body className="bg-background text-foreground relative min-h-screen overflow-x-hidden font-sans antialiased">
        <div className="fixed inset-0 -z-10 overflow-hidden pointer-events-none flex items-center justify-center">