1
0
mirror of https://github.com/vercel/commerce.git synced 2025-07-28 12:41:22 +00:00
Files
.vscode
app
[page]
api
assets
data
images
product
public
search
error.tsx
favicon.ico
globals.css
layout.tsx
not-found.tsx
opengraph-image.tsx
page.tsx
robots.ts
sitemap.ts
components
data
fonts
lib
.env.example
.gitignore
.prettierrc
README.md
license.md
next.config.ts
package.json
pnpm-lock.yaml
postcss.config.mjs
tsconfig.json
commerce/app/layout.tsx
2025-03-28 11:36:41 -04:00

53 lines
1.4 KiB
TypeScript

import { CartProvider } from 'components/cart/cart-context'
// import { Navbar } from 'components/layout/navbar'
import NavbarV2 from 'components/layout/navbar/NavbarV2'
import { WelcomeToast } from 'components/welcome-toast'
import { GeistSans } from 'geist/font/sans'
import { getCart } from 'lib/shopify'
import { ReactNode } from 'react'
import { Toaster } from 'sonner'
import './globals.css'
import './assets/main.css'
import '../components/layout/navbar/Navbar.css'
import { baseUrl } from 'lib/utils'
const { SITE_NAME } = process.env
export const metadata = {
metadataBase: new URL(baseUrl),
title: {
default: SITE_NAME!,
template: `%s | ${SITE_NAME}`,
},
robots: {
follow: true,
index: true,
},
}
export default async function RootLayout({
children,
}: {
children: ReactNode
}) {
// Don't await the fetch, pass the Promise to the context provider
const cart = getCart()
return (
<html lang="en" className={GeistSans.variable}>
<body className="bg-neutral-50 text-black selection:bg-teal-300 dark:bg-neutral-900 dark:text-white dark:selection:bg-pink-500 dark:selection:text-white">
<CartProvider cartPromise={cart}>
{/* <Navbar /> */}
<NavbarV2 />
<main>
{children}
<Toaster closeButton />
<WelcomeToast />
</main>
</CartProvider>
</body>
</html>
)
}