Create layout.tsx

Signed-off-by: gitworkflows <118260833+gitworkflows@users.noreply.github.com>
khulnasoft · Apr 11, 2024 · 22ad8e8 · 22ad8e8 · vercel · Apr 11, 2024
1 parent 0cf9807
commit 22ad8e8
Showing 1 changed file with 66 additions and 0 deletions.
diff --git a/solutions/blog/app/layout.tsx b/solutions/blog/app/layout.tsx
@@ -0,0 +1,66 @@
+import './global.css'
+ import type { Metadata } from 'next'
+ import { GeistSans } from 'geist/font/sans'
+ import { GeistMono } from 'geist/font/mono'
+ import { Navbar } from './components/nav'
+ import { Analytics } from '@vercel/analytics/react'
+ import { SpeedInsights } from '@vercel/speed-insights/next'
+ import Footer from './components/footer'
+ import { baseUrl } from './sitemap'
+
+ export const metadata: Metadata = {
+   metadataBase: new URL(baseUrl),
+   title: {
+     default: 'Next.js Portfolio Starter',
+     template: '%s | Next.js Portfolio Starter',
+   },
+   description: 'This is my portfolio.',
+   openGraph: {
+     title: 'My Portfolio',
+     description: 'This is my portfolio.',
+     url: baseUrl,
+     siteName: 'My Portfolio',
+     locale: 'en_US',
+     type: 'website',
+   },
+   robots: {
+     index: true,
+     follow: true,
+     googleBot: {
+       index: true,
+       follow: true,
+       'max-video-preview': -1,
+       'max-image-preview': 'large',
+       'max-snippet': -1,
+     },
+   },
+ }
+
+ const cx = (...classes) => classes.filter(Boolean).join(' ')
+
+ export default function RootLayout({
+   children,
+ }: {
+   children: React.ReactNode
+ }) {
+   return (
+     <html
+       lang="en"
+       className={cx(
+         'text-black bg-white dark:text-white dark:bg-black',
+         GeistSans.variable,
+         GeistMono.variable
+       )}
+     >
+       <body className="antialiased max-w-xl mx-4 mt-8 lg:mx-auto">
+         <main className="flex-auto min-w-0 mt-6 flex flex-col px-2 md:px-0">
+           <Navbar />
+           {children}
+           <Footer />
+           <Analytics />
+           <SpeedInsights />
+         </main>
+       </body>
+     </html>
+   )
+ }