1weiho--open-slide
wehub-resource-sync
123 行
2.8 KiB
TypeScript
123 行
2.8 KiB
TypeScript
import { RootProvider } from 'fumadocs-ui/provider/next';
|
||
import './global.css';
|
||
import type { Metadata, Viewport } from 'next';
|
||
import { Geist, Instrument_Serif, JetBrains_Mono } from 'next/font/google';
|
||
import { appName, gitConfig, siteUrl } from '@/lib/shared';
|
||
|
||
const geist = Geist({
|
||
variable: '--font-geist-sans',
|
||
subsets: ['latin'],
|
||
display: 'swap',
|
||
});
|
||
|
||
const jetbrains = JetBrains_Mono({
|
||
variable: '--font-jetbrains-mono',
|
||
subsets: ['latin'],
|
||
display: 'swap',
|
||
});
|
||
|
||
const instrument = Instrument_Serif({
|
||
variable: '--font-instrument-serif',
|
||
subsets: ['latin'],
|
||
weight: '400',
|
||
style: ['normal', 'italic'],
|
||
display: 'swap',
|
||
});
|
||
|
||
const title = `${appName} — a slide framework built for agents`;
|
||
const description =
|
||
'A React-first slide framework authored by AI agents. Each page is arbitrary code on a 1920×1080 canvas — versioned, reviewable, yours.';
|
||
|
||
export const metadata: Metadata = {
|
||
title: {
|
||
default: title,
|
||
template: `%s — ${appName}`,
|
||
},
|
||
description,
|
||
metadataBase: new URL(siteUrl),
|
||
applicationName: appName,
|
||
keywords: [
|
||
'open-slide',
|
||
'slides',
|
||
'presentation framework',
|
||
'React slides',
|
||
'Next.js slides',
|
||
'AI agents',
|
||
'Claude Code',
|
||
'MDX slides',
|
||
'slides as code',
|
||
'developer presentations',
|
||
],
|
||
authors: [{ name: gitConfig.user, url: `https://github.com/${gitConfig.user}` }],
|
||
creator: gitConfig.user,
|
||
publisher: appName,
|
||
category: 'technology',
|
||
alternates: {
|
||
canonical: '/',
|
||
},
|
||
formatDetection: {
|
||
email: false,
|
||
address: false,
|
||
telephone: false,
|
||
},
|
||
openGraph: {
|
||
title,
|
||
description,
|
||
type: 'website',
|
||
url: siteUrl,
|
||
siteName: appName,
|
||
locale: 'en_US',
|
||
images: [
|
||
{
|
||
url: '/opengraph-image.png',
|
||
width: 1200,
|
||
height: 630,
|
||
alt: `${appName} — React-first slide framework for AI agents`,
|
||
},
|
||
],
|
||
},
|
||
twitter: {
|
||
card: 'summary_large_image',
|
||
title,
|
||
description,
|
||
creator: '@1weiho',
|
||
images: ['/opengraph-image.png'],
|
||
},
|
||
robots: {
|
||
index: true,
|
||
follow: true,
|
||
googleBot: {
|
||
index: true,
|
||
follow: true,
|
||
'max-image-preview': 'large',
|
||
'max-snippet': -1,
|
||
'max-video-preview': -1,
|
||
},
|
||
},
|
||
icons: {
|
||
icon: '/favicon.ico',
|
||
shortcut: '/favicon.ico',
|
||
},
|
||
};
|
||
|
||
export const viewport: Viewport = {
|
||
themeColor: [
|
||
{ media: '(prefers-color-scheme: light)', color: '#F7F4EC' },
|
||
{ media: '(prefers-color-scheme: dark)', color: '#1A1814' },
|
||
],
|
||
};
|
||
|
||
export default function Layout({ children }: LayoutProps<'/'>) {
|
||
return (
|
||
<html
|
||
lang="en"
|
||
suppressHydrationWarning
|
||
className={`${geist.className} ${geist.variable} ${jetbrains.variable} ${instrument.variable}`}
|
||
>
|
||
<body className="flex flex-col min-h-screen">
|
||
<RootProvider>{children}</RootProvider>
|
||
</body>
|
||
</html>
|
||
);
|
||
}
|