Files
vf_react/boilerplate-chakra-pro-main/app/layout.tsx
2025-11-22 11:41:56 +08:00

82 lines
2.6 KiB
TypeScript

import SupabaseProvider from './supabase-provider';
import Script from 'next/script';
import { PropsWithChildren } from 'react';
import '@/styles/globals.css';
export const dynamic = 'force-dynamic';
export default function RootLayout({
// Layouts must accept a children prop.
// This will be populated with nested layouts or pages
children,
}: PropsWithChildren) {
return (
<html lang="en">
<head>
<title>
Horizon UI Boilerplate - Launch your startup project 10X in a few
moments - The best NextJS Boilerplate (This is an example)
</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
{/* <!-- Social tags --> */}
<meta
name="keywords"
content="Add here your main keywords and separate them with a comma"
/>
<meta name="description" content="Add here your website description" />
{/* <!-- Schema.org markup for Google+ --> */}
<meta itemProp="name" content="Add here your website name / title" />
<meta
itemProp="description"
content="Add here your website description"
/>
<meta
itemProp="image"
content="Add here the link for your website SEO image"
/>
{/* <!-- Twitter Card data --> */}
<meta name="twitter:card" content="product" />
<meta
name="twitter:title"
content="Add here your website name / title"
/>
<meta
name="twitter:description"
content="Add here your website description"
/>
<meta
name="twitter:image"
content="Add here the link for your website SEO image"
/>
{/* <!-- Open Graph data --> */}
<meta
property="og:title"
content="Add here your website name / title"
/>
<meta property="og:type" content="product" />
<meta property="og:url" content="https://your-website.com" />
<meta
property="og:image"
content="Add here the link for your website SEO image"
/>
<meta
property="og:description"
content="Add here your website description"
/>
<meta
property="og:site_name"
content="Add here your website name / title"
/>
<link rel="canonical" href="https://your-website.com" />
<link rel="icon" href="/favicon.ico" />
</head>
<body style={{ background: 'white' }}>
<SupabaseProvider>
{/* @ts-ignore */}
<main id="skip">{children}</main>
</SupabaseProvider>
</body>
</html>
);
}