Files
wagtailcms-frontend/app/layout.tsx
T

47 lines
1.6 KiB
TypeScript

import type { Metadata } from "next";
import { draftMode } from "next/headers";
import "./globals.css";
import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import CookieConsent from "@/components/layout/CookieConsent";
import ReactQueryProvider from "@/providers/react-query-provider";
// 面向中国大陆用户,避免依赖 next/font/google(构建期需访问 Google 服务器)。
// 生产环境建议自托管思源黑体 / HarmonyOS Sans 子集,这里先用系统字体栈占位。
export const metadata: Metadata = {
title: {
default: "企业官网",
template: "%s | 企业官网",
},
description: "企业级 Headless CMS 驱动的现代化官网",
};
export default async function RootLayout({ children }: LayoutProps<"/">) {
const { isEnabled: isPreview } = await draftMode();
return (
<html lang="zh-hans" className="h-full antialiased">
<body className="min-h-full flex flex-col font-sans">
<ReactQueryProvider>
{isPreview && (
<div className="flex items-center justify-center gap-4 bg-amber-400 px-4 py-2 text-sm font-medium text-amber-950">
<span>预览模式:当前显示的是未发布的草稿内容</span>
<a
href="/preview/disable"
className="underline underline-offset-2"
>
退出预览
</a>
</div>
)}
<Header />
<main className="flex-1">{children}</main>
<Footer />
<CookieConsent />
</ReactQueryProvider>
</body>
</html>
);
}