layout.tsx 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* eslint-disable @next/next/no-page-custom-font */
  2. import "./styles/globals.scss";
  3. import "./styles/markdown.scss";
  4. import "./styles/highlight.scss";
  5. import { getClientConfig } from "./config/client";
  6. import type { Metadata, Viewport } from "next";
  7. import { SpeedInsights } from "@vercel/speed-insights/next";
  8. import { getServerSideConfig } from "./config/server";
  9. import { GoogleTagManager } from "@next/third-parties/google";
  10. const serverConfig = getServerSideConfig();
  11. export const metadata: Metadata = {
  12. title: "建科小K",
  13. description: "",
  14. appleWebApp: {
  15. title: "建科小K",
  16. statusBarStyle: "default",
  17. },
  18. };
  19. export const viewport: Viewport = {
  20. width: "device-width",
  21. initialScale: 1,
  22. maximumScale: 1,
  23. themeColor: [
  24. { media: "(prefers-color-scheme: light)", color: "#fafafa" },
  25. { media: "(prefers-color-scheme: dark)", color: "#151515" },
  26. ],
  27. };
  28. export default function RootLayout({
  29. children,
  30. }: {
  31. children: React.ReactNode;
  32. }) {
  33. return (
  34. <html lang="en">
  35. <head>
  36. <meta name="config" content={JSON.stringify(getClientConfig())} />
  37. <meta
  38. name="viewport"
  39. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
  40. />
  41. <link rel="manifest" href="/site.webmanifest"></link>
  42. <script src="/serviceWorkerRegister.js" defer></script>
  43. </head>
  44. <body>
  45. <>
  46. {children}
  47. </>
  48. {serverConfig?.isVercel && (
  49. <>
  50. <SpeedInsights />
  51. </>
  52. )}
  53. {serverConfig?.gtmId && (
  54. <>
  55. <GoogleTagManager gtmId={serverConfig.gtmId} />
  56. </>
  57. )}
  58. </body>
  59. </html>
  60. );
  61. }