mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
import { getBlogPosts } from "@repo/blog"
|
|
import { BlogPosts } from "@repo/blog/BlogPosts"
|
|
import { LOCALE_DEFAULT, type LocaleProps } from "@repo/i18n/config"
|
|
import {
|
|
Section,
|
|
SectionDescription,
|
|
SectionTitle,
|
|
} from "@repo/ui/design/Section"
|
|
import { MainLayout } from "@repo/ui/MainLayout"
|
|
import type { Metadata } from "next"
|
|
import { unstable_setRequestLocale } from "next-intl/server"
|
|
|
|
const title = "Blog | Théo LUDWIG"
|
|
const description =
|
|
"The latest news about my journey of learning computer science."
|
|
|
|
export const generateMetadata = async (): Promise<Metadata> => {
|
|
return {
|
|
title,
|
|
description,
|
|
openGraph: {
|
|
title,
|
|
description,
|
|
locale: LOCALE_DEFAULT,
|
|
},
|
|
twitter: {
|
|
title,
|
|
description,
|
|
},
|
|
}
|
|
}
|
|
|
|
interface BlogPageProps extends LocaleProps {}
|
|
|
|
const BlogPage: React.FC<BlogPageProps> = async (props) => {
|
|
const { params } = props
|
|
|
|
// Enable static rendering
|
|
unstable_setRequestLocale(params.locale)
|
|
|
|
const posts = await getBlogPosts()
|
|
|
|
return (
|
|
<MainLayout>
|
|
<Section verticalSpacing horizontalSpacing>
|
|
<SectionTitle>Blog</SectionTitle>
|
|
<SectionDescription>{description}</SectionDescription>
|
|
|
|
<BlogPosts posts={posts} />
|
|
</Section>
|
|
</MainLayout>
|
|
)
|
|
}
|
|
|
|
export default BlogPage
|