static params

app/blog/[slug]/page.tsx

@@ -1,6 +1,14 @@
 import Link from "next/link"
 import {ArrowLeftIcon} from "@heroicons/react/24/solid"
-import {getArticleData} from "@/lib/articles";
+import {getArticleData, getSortedArticles} from "@/lib/articles";
+
+export async function generateStaticParams() {
+    const articles = getSortedArticles();
+
+    return articles.map((article) => ({
+        slug: article.id,
+    }));
+}
 
 const Article = async ({params}: { params: Promise<{ slug: string }> }) => {
     const {slug} = await params;

lib/articles.ts

@@ -9,7 +9,7 @@ import type {ArticleItem} from "@/types";
 
 const articlesDirectory = path.join(process.cwd(), "articles");
 
-const getSortedArticles = (): ArticleItem[] => {
+export const getSortedArticles = (): ArticleItem[] => {
     const fileNames = fs.readdirSync(articlesDirectory);
 
     const allArticlesData = fileNames.map((fileName) => {