Files
2024-12-13 16:47:48 +02:00

45 lines
1.4 KiB
TypeScript

import type { Metadata } from 'next';
import { VercelToolbar } from '@vercel/toolbar/next';
import { GeistSans } from 'geist/font/sans';
import { CartCountProvider } from '#/components/cart-count-context';
import { Sidebar } from '#/components/sidebar';
import './globals.css';
export const metadata: Metadata = {
metadataBase: new URL('https://partialprerendering.com'),
title: 'Next.js Partial Prerendering',
description: 'A demo of Next.js using Partial Prerendering.',
openGraph: {
title: 'Next.js Partial Prerendering',
description: 'A demo of Next.js using Partial Prerendering.',
},
twitter: {
card: 'summary_large_image',
},
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en" className={`[color-scheme:dark] ${GeistSans.variable}`}>
<body className="overflow-y-scroll bg-gray-1100 bg-[url('/grid.svg')] pb-36">
<Sidebar />
<div className="lg:pl-72">
<div className="mx-auto max-w-4xl space-y-8 px-2 pt-20 lg:px-8 lg:py-8">
<div className="rounded-lg bg-vc-border-gradient p-px shadow-lg shadow-black/20">
<div className="rounded-lg bg-black p-3.5 lg:p-6">
<CartCountProvider>
<div className="space-y-10">{children}</div>
</CartCountProvider>
</div>
</div>
</div>
</div>
</body>
</html>
);
}