summaryrefslogtreecommitdiff
path: root/src/app/layout.tsx
diff options
context:
space:
mode:
authorBertrand Yuan <bert.yuan@outlook.com>2025-12-15 23:48:10 +0800
committerBertrand Yuan <bert.yuan@outlook.com>2025-12-15 23:48:10 +0800
commit5b7ccf0b671e2999b62befc729a3e517a0433728 (patch)
tree8bf476dc7c75914c221042546840dc76267366df /src/app/layout.tsx
initial commit -- the front-end prototype
The initial code is base on Anirudh's work. More to see at: https://github.com/techwithanirudh/shadcn-blog Therefore, the code in this commit is under MIT license.
Diffstat (limited to 'src/app/layout.tsx')
-rw-r--r--src/app/layout.tsx52
1 files changed, 52 insertions, 0 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..c7d2aaf
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,52 @@
+import { createMetadata } from '@/lib/metadata';
+import type { Viewport } from 'next';
+import { Geist, Geist_Mono } from 'next/font/google';
+import type { ReactNode } from 'react';
+import '@/styles/globals.css';
+import 'katex/dist/katex.css';
+import { baseUrl } from '@/lib/constants';
+import { Body } from './layout.client';
+import { description as homeDescription } from './layout.config';
+import { Provider } from './provider';
+
+const geistSans = Geist({
+ variable: '--font-geist-sans',
+ subsets: ['latin'],
+});
+
+const geistMono = Geist_Mono({
+ variable: '--font-geist-mono',
+ subsets: ['latin'],
+});
+
+export const metadata = createMetadata({
+ title: {
+ template: '%s | Blog',
+ default: 'Blog',
+ },
+ description: homeDescription,
+ metadataBase: baseUrl,
+});
+
+export const viewport: Viewport = {
+ themeColor: [
+ { media: '(prefers-color-scheme: dark)', color: '#0A0A0A' },
+ { media: '(prefers-color-scheme: light)', color: '#fff' },
+ ],
+};
+
+const RootLayout = ({ children }: { children: ReactNode }) => {
+ return (
+ <html
+ lang='en'
+ className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+ suppressHydrationWarning
+ >
+ <Body>
+ <Provider>{children}</Provider>
+ </Body>
+ </html>
+ );
+};
+
+export default RootLayout;