gbanyan
f994301fbb
Implements essential blog features: 1. RSS Feed (/feed.xml) - Latest 20 posts with full content - Proper XML escaping and CDATA sections - Includes tags, authors, and descriptions - Auto-discovery link in HTML head 2. Sitemap (/sitemap.xml) - All posts, pages, and tag pages - Proper lastModified dates and priorities - Automatic generation via Next.js built-in support 3. Robots.txt (/robots.txt) - Allow all crawlers - Disallow API and admin routes - Links to sitemap for better SEO 4. Code Syntax Highlighting - Using rehype-pretty-code + Shiki - GitHub Dark/Light themes based on user preference - Line numbers for all code blocks - Support for highlighted lines - Inline code styling - Code title support 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
import '../styles/globals.css';
|
|
import type { Metadata } from 'next';
|
|
import { siteConfig } from '@/lib/config';
|
|
import { LayoutShell } from '@/components/layout-shell';
|
|
import { ThemeProvider } from 'next-themes';
|
|
import { Playfair_Display } from 'next/font/google';
|
|
|
|
const playfair = Playfair_Display({
|
|
subsets: ['latin'],
|
|
variable: '--font-serif-eng',
|
|
display: 'swap',
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: siteConfig.title,
|
|
template: `%s | ${siteConfig.title}`
|
|
},
|
|
description: siteConfig.description,
|
|
metadataBase: new URL(siteConfig.url),
|
|
openGraph: {
|
|
title: siteConfig.title,
|
|
description: siteConfig.description,
|
|
url: siteConfig.url,
|
|
siteName: siteConfig.title,
|
|
images: [siteConfig.ogImage]
|
|
},
|
|
twitter: {
|
|
card: siteConfig.twitterCard,
|
|
site: siteConfig.social.twitter || undefined,
|
|
title: siteConfig.title,
|
|
description: siteConfig.description,
|
|
images: [siteConfig.ogImage]
|
|
},
|
|
icons: {
|
|
icon: '/favicon.png'
|
|
},
|
|
alternates: {
|
|
types: {
|
|
'application/rss+xml': `${siteConfig.url}/feed.xml`
|
|
}
|
|
}
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const theme = siteConfig.theme;
|
|
|
|
return (
|
|
<html lang={siteConfig.defaultLocale} suppressHydrationWarning className={playfair.variable}>
|
|
<body>
|
|
<style
|
|
// Set CSS variables for accent colors (light + dark variants)
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
:root {
|
|
--color-accent: ${theme.accent};
|
|
--color-accent-soft: ${theme.accentSoft};
|
|
--color-accent-text-light: ${theme.accentTextLight};
|
|
--color-accent-text-dark: ${theme.accentTextDark};
|
|
}
|
|
`
|
|
}}
|
|
/>
|
|
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
|
|
<LayoutShell>{children}</LayoutShell>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|