diff --git a/app/globals.css b/app/globals.css deleted file mode 100755 index b5c61c9..0000000 --- a/app/globals.css +++ /dev/null @@ -1,3 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/app/layout.tsx b/app/layout.tsx index f3512be..49d594e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,20 +1,19 @@ -import { CartCountProvider } from '#/components/cart-count-context'; -import { Header } from '#/components/header'; -import { Sidebar } from '#/components/sidebar'; -import { GeistSans } from 'geist/font/sans'; -import { Metadata } from 'next'; -import './globals.css'; +import { CartCountProvider } from "#/components/cart-count-context"; +import { Header } from "#/components/header"; +import { Sidebar } from "#/components/sidebar"; +import { Metadata } from "next"; +import { GlobalStyles } from "./styles"; export const metadata: Metadata = { - metadataBase: new URL('https://partialprerendering.com'), - title: 'Next.js Partial Prerendering', - description: 'A demo of Next.js using Partial Prerendering.', + 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.', + title: "Next.js Partial Prerendering", + description: "A demo of Next.js using Partial Prerendering.", }, twitter: { - card: 'summary_large_image', + card: "summary_large_image", }, }; @@ -24,7 +23,10 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - + + + +
diff --git a/app/styles.tsx b/app/styles.tsx new file mode 100644 index 0000000..0f80b38 --- /dev/null +++ b/app/styles.tsx @@ -0,0 +1,13 @@ +export function GlobalStyles() { + return ( +