81 lines
3.6 KiB
TypeScript
81 lines
3.6 KiB
TypeScript
import './global.css';
|
|
import {DocsLayout} from 'fumadocs-ui/layouts/docs';
|
|
import {RootProvider} from 'fumadocs-ui/provider/next';
|
|
import type {ReactNode} from 'react';
|
|
import React from 'react';
|
|
|
|
import {baseOptions} from '@/app/layout.config';
|
|
import {source} from '@/lib/source';
|
|
|
|
export default function Layout({children}: {children: ReactNode}) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
{/* Runtime environment configuration - must load before any app code */}
|
|
{/* eslint-disable-next-line @next/next/no-sync-scripts */}
|
|
<script src="/__env.js" />
|
|
|
|
{/* Primary Meta Tags */}
|
|
<title>Plunk Documentation</title>
|
|
<meta name="title" content="Plunk Documentation" />
|
|
<meta
|
|
name="description"
|
|
content="Documentation for Plunk, the open-source email platform. Learn how to integrate Plunk into your application and manage your email communications."
|
|
/>
|
|
|
|
{/* Open Graph / Facebook */}
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://docs.useplunk.com/" />
|
|
<meta property="og:title" content="Plunk Documentation" />
|
|
<meta
|
|
property="og:description"
|
|
content="Documentation for Plunk, the open-source email platform. Learn how to integrate Plunk into your application and manage your email communications."
|
|
/>
|
|
<meta property="og:image" content="https://docs.useplunk.com/assets/card.png" />
|
|
|
|
{/* Twitter */}
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:url" content="https://docs.useplunk.com/" />
|
|
<meta property="twitter:title" content="Plunk Documentation" />
|
|
<meta
|
|
property="twitter:description"
|
|
content="Documentation for Plunk, the open-source email platform. Learn how to integrate Plunk into your application and manage your email communications."
|
|
/>
|
|
<meta property="twitter:image" content="https://docs.useplunk.com/assets/card.png" />
|
|
|
|
{/* Fonts */}
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
|
{/* eslint-disable-next-line @next/next/no-page-custom-font */}
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
{/* Favicon */}
|
|
<link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32" />
|
|
<link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16" />
|
|
<link rel="shortcut icon" href="/favicon/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
|
|
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
|
<meta name="apple-mobile-web-app-title" content="Plunk" />
|
|
<meta name="application-name" content="Plunk" />
|
|
<meta name="msapplication-TileColor" content="#da532c" />
|
|
<meta name="theme-color" content="#ffffff" />
|
|
<link rel="manifest" href="/favicon/site.webmanifest" />
|
|
</head>
|
|
<body className="flex flex-col min-h-screen antialiased text-neutral-800" suppressHydrationWarning>
|
|
<RootProvider
|
|
theme={{
|
|
enabled: false,
|
|
}}
|
|
>
|
|
<DocsLayout tree={source.pageTree} {...baseOptions}>
|
|
{children}
|
|
</DocsLayout>
|
|
</RootProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|