feat: Implement dynamic parameter generation for category and slug pa…

…ges; refactor file reading logic
SivaramPg · Dec 21, 2024 · b336925 · b336925
1 parent 7f8d0d2
commit b336925
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 38 deletions.
diff --git a/src/app/[category]/[slug]/page.tsx b/src/app/[category]/[slug]/page.tsx
@@ -1,4 +1,4 @@
-import { readFile } from "node:fs/promises"
+import { readFile, readdir } from "node:fs/promises"
 
 import path from "node:path"
 import ApiEndpointElement from "@/components/ApiEndpointElement"
@@ -7,33 +7,33 @@ import RequestDisplayElement from "@/components/RequestDisplayElement"
 import ResponseDisplayElement from "@/components/ResponseDisplayElement"
 import { notFound } from "next/navigation"
 
-export const dynamic = "force-static"
+export const dynamicParams = false
 
-// export async function generateStaticParams() {
-// 	const slugs: { category: string; slug: string }[] = []
+export async function generateStaticParams() {
+	const slugs: { category: string; slug: string }[] = []
 
-// 	const rawCategories = await fsPromises.readdir("public/api/", {
-// 		withFileTypes: true,
-// 		recursive: true,
-// 	})
-// 	for (const category of rawCategories) {
-// 		if (
-// 			category.isFile() &&
-// 			!["all.json", ".DS_Store", "root.json", "schema.json"].includes(
-// 				category.name,
-// 			)
-// 		) {
-// 			const categoryName = category.path.split("/").at(-1)
+	const rawCategories = await readdir("public/api/", {
+		withFileTypes: true,
+		recursive: true,
+	})
+	for (const category of rawCategories) {
+		if (
+			category.isFile() &&
+			!["all.json", ".DS_Store", "root.json", "schema.json"].includes(
+				category.name,
+			)
+		) {
+			const categoryName = category.path.split("/").at(-1)
 
-// 			slugs.push({
-// 				category: categoryName ?? "",
-// 				slug: category.name.split(".")[0],
-// 			})
-// 		}
-// 	}
+			slugs.push({
+				category: categoryName ?? "",
+				slug: category.name.split(".")[0],
+			})
+		}
+	}
 
-// 	return slugs
-// }
+	return slugs
+}
 
 async function getCategorySlugJson(category: string, slug: string) {
 	try {

diff --git a/src/app/[category]/page.tsx b/src/app/[category]/page.tsx
@@ -1,4 +1,4 @@
-import { readFile } from "node:fs/promises"
+import { readFile, readdir } from "node:fs/promises"
 
 import { cn } from "@/utils/cn"
 
@@ -12,23 +12,23 @@ import RequestDisplayElement from "@/components/RequestDisplayElement"
 import { LinkPill } from "@/components/link-pill"
 import { notFound } from "next/navigation"
 
-export const dynamic = "force-static"
+export const dynamicParams = false
 
-// export async function generateStaticParams() {
-// 	const categories: { category: string }[] = []
+export async function generateStaticParams() {
+	const categories: { category: string }[] = []
 
-// 	const rawCategories = await fsPromises.readdir("public/api", {
-// 		withFileTypes: true,
-// 	})
+	const rawCategories = await readdir("public/api", {
+		withFileTypes: true,
+	})
 
-// 	for (const category of rawCategories) {
-// 		if (category.isDirectory()) {
-// 			categories.push({ category: category.name })
-// 		}
-// 	}
+	for (const category of rawCategories) {
+		if (category.isDirectory()) {
+			categories.push({ category: category.name })
+		}
+	}
 
-// 	return categories
-// }
+	return categories
+}
 
 async function getCategoryAllJson(category: string) {
 	try {