import { ArticleDetails } from '@/components/ArticleDetails' import { ArticleNavLinks } from '@/components/ArticleNavLinks' import { Breadcrumb } from '@/components/Breadcrumb' import { Mdx } from '@/components/Mdx' import { MetaHead } from '@/components/MetaHead' import { Sidebar } from '@/components/Sidebar' import { Article, ArticleLinks, Category, Section, SidebarContentList } from '@/types/content-types' import { getArticle, getArticleSource, getCategory, getLinks, getSection, getSections, } from '@/utils/content' import { getSidebarContentList } from '@/utils/getSidebarContentList' import { GetStaticPaths, GetStaticProps } from 'next' import { MDXRemoteSerializeResult } from 'next-mdx-remote' import { useTheme } from 'next-themes' export type ArticleProps = { type: 'article' sidebar: SidebarContentList section: Section category: Category article: Article links: ArticleLinks mdxSource: MDXRemoteSerializeResult } export default function ArticlePage({ mdxSource, section, category, article, links, sidebar, }: ArticleProps) { const theme = useTheme() return ( <>

{article.title}

) } export const getStaticPaths: GetStaticPaths = async () => { const sections = await getSections() const paths: { params: { sectionId: string; childId: string; articleId: string } }[] = [] for (const section of sections) { for (const category of section.categories) { if (category.id === 'ucg') continue for (const articleId of category.articleIds) { paths.push({ params: { sectionId: section.id, childId: category.id, articleId } }) } } } return { paths, fallback: false } } export const getStaticProps: GetStaticProps = async (ctx) => { const sectionId = ctx.params?.sectionId?.toString() as string const categoryId = ctx.params?.childId?.toString() as string const articleId = ctx.params?.articleId?.toString() if (!articleId) throw Error() const sidebar = await getSidebarContentList({ sectionId, categoryId, articleId }) const section = await getSection(sectionId) const category = await getCategory(sectionId, categoryId) const article = await getArticle(articleId) const links = await getLinks(articleId) const mdxSource = await getArticleSource(articleId) return { props: { type: 'article', article, section, category, sidebar, links, mdxSource, }, } }