Upload starter template

pages/blog/[slug].js

@@ -0,0 +1,50 @@
+import fs from 'fs'
+import hydrate from 'next-mdx-remote/hydrate'
+import { getFiles, getFileBySlug, getAllFilesFrontMatter } from '@/lib/mdx'
+import PostLayout from '@/layouts/PostLayout'
+import MDXComponents from '@/components/MDXComponents'
+import generateRss from '@/lib/generate-rss'
+
+export async function getStaticPaths() {
+  const posts = await getFiles('blog')
+
+  return {
+    paths: posts.map((p) => ({
+      params: {
+        slug: p.replace(/\.(mdx|md)/, ''),
+      },
+    })),
+    fallback: false,
+  }
+}
+
+export async function getStaticProps({ params }) {
+  const allPosts = await getAllFilesFrontMatter('blog')
+  const postIndex = allPosts.findIndex((post) => post.slug === params.slug)
+  const prev = allPosts[postIndex + 1] || null
+  const next = allPosts[postIndex - 1] || null
+  const post = await getFileBySlug('blog', params.slug)
+
+  // rss
+  const rss = generateRss(allPosts)
+  fs.writeFileSync('./public/index.xml', rss)
+
+  return { props: { post, prev, next } }
+}
+
+export default function Blog({ post, prev, next }) {
+  const { mdxSource, frontMatter } = post
+  const content = hydrate(mdxSource, {
+    components: MDXComponents,
+  })
+
+  return (
+    <>
+      {frontMatter.draft !== true && (
+        <PostLayout frontMatter={frontMatter} prev={prev} next={next}>
+          {content}
+        </PostLayout>
+      )}
+    </>
+  )
+}