feat(web): scaffold Next.js 16 dashboard with design system and auth client (#82)

Co-authored-by: Jason Woltje <jason@diversecanvas.com> Co-committed-by: Jason Woltje <jason@diversecanvas.com>
2026-03-13 13:18:09 +00:00
parent 5d936d58a0
commit 780f85e0d6
26 changed files with 1070 additions and 83 deletions
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -1,13 +1,29 @@
 import type { ReactNode } from 'react';
+import { Outfit, Fira_Code } from 'next/font/google';
+import './globals.css';
+
+const outfit = Outfit({
+  subsets: ['latin'],
+  variable: '--font-sans',
+  display: 'swap',
+  weight: ['300', '400', '500', '600', '700'],
+});
+
+const firaCode = Fira_Code({
+  subsets: ['latin'],
+  variable: '--font-mono',
+  display: 'swap',
+  weight: ['400', '500', '700'],
+});

 export const metadata = {
  title: 'Mosaic',
  description: 'Mosaic Stack Dashboard',
 };

-export default function RootLayout({ children }: { children: ReactNode }): ReactNode {
+export default function RootLayout({ children }: { children: ReactNode }): React.ReactElement {
  return (
-    <html lang="en">
+    <html lang="en" className={`dark ${outfit.variable} ${firaCode.variable}`}>
      <body>{children}</body>
    </html>
  );