generate question pages at build time

iamjoshua · Mar 5, 2024 · e9cc367 · e9cc367
1 parent 084d9a4
commit e9cc367
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 9 deletions.
diff --git a/app/on/[title]/page.tsx b/app/on/[title]/page.tsx
@@ -3,8 +3,6 @@ import { fetchMdFile, getEssayTitles, parseMdFile } from "@/lib/getWritings";
 
 export async function generateStaticParams() {
   const titles = await getEssayTitles("essays/", "essays");
-  console.log("generate?", titles);
-
   return titles.map((title: string) => ({
     title: title.replaceAll(" ", "-"),
   }));

diff --git a/app/questions/[slug]/page.tsx b/app/questions/[slug]/page.tsx
@@ -1,11 +1,17 @@
 import Nav from "@/app/nav";
 import { ReadingTime } from "@/components/ReadingTime/ReadingTime";
 import { SideContent } from "@/components/SideContent";
-import { getQuestion } from "@/lib/getWritings";
-import { revalidateTag } from "next/cache";
+import { getAllQuestions, getQuestion } from "@/lib/getWritings";
 import Link from "next/link";
 import "./question.css";
 
+export async function generateStaticParams() {
+  const questions = await getAllQuestions();
+  return questions.map((question) => ({
+    slug: question.slug,
+  }));
+}
+
 type QuestionPageProps = {
   params: { slug: string };
 };
@@ -23,7 +29,6 @@ export default async function QuestionPage({ params }: QuestionPageProps) {
   } = await getQuestion(
     slug,
   );
-  // revalidateTag(slug);
 
   return (
     <main

diff --git a/app/questions/page.tsx b/app/questions/page.tsx
@@ -2,8 +2,10 @@ import Nav from "../nav";
 import { SideContent } from "@/components/SideContent";
 import Link from "next/link";
 import { getAllQuestions } from "@/lib/getWritings";
+import { revalidateTag } from "next/cache";
 
 export default async function QuestionsPage() {
+  // revalidateTag("questions");
   const questions = await getAllQuestions();
 
   return (

diff --git a/lib/getWritings.ts b/lib/getWritings.ts
@@ -13,7 +13,6 @@ export async function fetchGitMdFile(repo: string, path: string, tag: string) {
 
 export async function fetchGitFile(repo: string, path: string, tag: string) {
   const url = `${BASE_FILE_URL}/${repo}/main/${path}`;
-  console.log("url:", url);
   const response = await fetch(url, {
     cache: "force-cache",
     next: { tags: [tag] },
@@ -27,12 +26,11 @@ export async function getAllQuestions() {
   const questionFiles = await fetchMdFiles(path, "questions");
   const questions = [];
   for await (const question of questionFiles) {
-    const file = await fetchMdFile(question.path, question.name);
+    const file = await fetchMdFile(question.path, "questions");
     const { content } = await parseMdFile(file);
     const { data } = getFrontMatter(content);
-
-    // TODO: parse MD front matter
     const slug = question.name.replace(".md", "");
+
     if (data.published) {
       questions.push({ slug, question: data.question });
     }