71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
|
|
import { cn } from "@acme/ui";
|
|
import { ThemeProvider, ThemeToggle } from "@acme/ui/theme";
|
|
import { Toaster } from "@acme/ui/toast";
|
|
|
|
import { env } from "~/env";
|
|
import { TRPCReactProvider } from "~/trpc/react";
|
|
|
|
import "~/app/styles.css";
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(
|
|
env.VERCEL_ENV === "production"
|
|
? "https://turbo.t3.gg"
|
|
: "http://localhost:3000",
|
|
),
|
|
title: "Create T3 Turbo",
|
|
description: "Simple monorepo with shared backend for web & mobile apps",
|
|
openGraph: {
|
|
title: "Create T3 Turbo",
|
|
description: "Simple monorepo with shared backend for web & mobile apps",
|
|
url: "https://create-t3-turbo.vercel.app",
|
|
siteName: "Create T3 Turbo",
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
site: "@jullerino",
|
|
creator: "@jullerino",
|
|
},
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: [
|
|
{ media: "(prefers-color-scheme: light)", color: "white" },
|
|
{ media: "(prefers-color-scheme: dark)", color: "black" },
|
|
],
|
|
};
|
|
|
|
const geistSans = Geist({
|
|
subsets: ["latin"],
|
|
variable: "--font-geist-sans",
|
|
});
|
|
const geistMono = Geist_Mono({
|
|
subsets: ["latin"],
|
|
variable: "--font-geist-mono",
|
|
});
|
|
|
|
export default function RootLayout(props: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body
|
|
className={cn(
|
|
"bg-background text-foreground min-h-screen font-sans antialiased",
|
|
geistSans.variable,
|
|
geistMono.variable,
|
|
)}
|
|
>
|
|
<ThemeProvider>
|
|
<TRPCReactProvider>{props.children}</TRPCReactProvider>
|
|
<div className="absolute right-4 bottom-4">
|
|
<ThemeToggle />
|
|
</div>
|
|
<Toaster />
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|