import "./globals.css";
import type { Metadata, Viewport } from "next";
import { Toaster } from "sonner";
import { AuthProvider } from "@/lib/contexts/auth-context";
import { StytchProvider } from "@/components/auth/stytch-provider";
import { authBootstrap } from "@/lib/auth/bootstrap";
import { buildStytchClientConfig } from "@/lib/auth/stytch-server";
import { QueryProvider } from "@/lib/providers/query-provider";
import { JsonLd } from "@/components/seo/jsonld";
import { Inter } from "next/font/google";
import Script from "next/script";
const inter = Inter({
subsets: ["latin"],
display: "swap",
variable: "--font-sans",
});
export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
maximumScale: 5,
themeColor: "#000000",
};
export const metadata: Metadata = {
metadataBase: new URL("https://yourdomain.com"),
title: {
default: "Your App | Next.js Starter with Auth & Billing",
template: "%s | Your App",
},
description:
"A modern Next.js starter template with authentication, billing, and team management built in. Perfect for launching your SaaS application quickly.",
keywords: [
"nextjs starter",
"saas starter",
"authentication",
"billing integration",
"team management",
"nextjs template",
"react starter",
"typescript starter",
"tailwind starter",
],
authors: [{ name: "Your Team" }],
creator: "Your App",
publisher: "Your App",
formatDetection: {
email: false,
address: false,
telephone: false,
},
alternates: {
canonical: "/",
languages: {
"en-US": "/",
},
},
openGraph: {
type: "website",
url: "https://yourdomain.com/",
siteName: "Your App",
title: "Your App | Next.js Starter with Auth & Billing",
description:
"A modern Next.js starter template with authentication, billing, and team management built in. Perfect for launching your SaaS application quickly.",
locale: "en_US",
},
twitter: {
card: "summary_large_image",
title: "Your App | Next.js Starter with Auth & Billing",
description:
"A modern Next.js starter template with authentication, billing, and team management built in. Perfect for launching your SaaS application quickly.",
},
robots: {
index: true,
follow: true,
nocache: false,
googleBot: {
index: true,
follow: true,
"max-image-preview": "large",
"max-snippet": -1,
"max-video-preview": -1,
},
},
category: "Business",
};
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const bootstrap = await authBootstrap();
const stytchConfig = buildStytchClientConfig();
return (
{/* Global JSON-LD: Organization + WebSite */}
{children}
);
}