From e5cdca5e2b91c854e7e21eee26407764acb7e695 Mon Sep 17 00:00:00 2001 From: dereckmezquita Date: Mon, 15 Jul 2024 18:40:10 -0500 Subject: [PATCH] DN-4: Testing ISR only pre-render some and the others are incrementally rendered as people visit the site. --- client/src/app/dictionaries/biology/[slug]/page.tsx | 10 +++++++--- client/src/app/dictionaries/chemistry/[slug]/page.tsx | 10 +++++++--- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/client/src/app/dictionaries/biology/[slug]/page.tsx b/client/src/app/dictionaries/biology/[slug]/page.tsx index 394ab0ba21..fa1803c67d 100644 --- a/client/src/app/dictionaries/biology/[slug]/page.tsx +++ b/client/src/app/dictionaries/biology/[slug]/page.tsx @@ -20,9 +20,13 @@ const relDir: string = path.join('dictionaries', dictionary, 'definitions'); const absDir: string = path.join(ROOT_DIR_APP, relDir); export async function generateStaticParams(): Promise<{ slug: string }[]> { - const filenames: string[] = fs.readdirSync(absDir).filter((filename) => { - return filename.endsWith('.mdx'); - }); + // only pre-render first 3 definitions + const filenames: string[] = fs + .readdirSync(absDir) + .filter((filename) => { + return filename.endsWith('.mdx'); + }) + .slice(0, 3); return filenames.map((filename) => { const slug = path.basename(filename, '.mdx'); diff --git a/client/src/app/dictionaries/chemistry/[slug]/page.tsx b/client/src/app/dictionaries/chemistry/[slug]/page.tsx index 499ef44843..9106b3e010 100644 --- a/client/src/app/dictionaries/chemistry/[slug]/page.tsx +++ b/client/src/app/dictionaries/chemistry/[slug]/page.tsx @@ -20,9 +20,13 @@ const relDir: string = path.join('dictionaries', dictionary, 'definitions'); const absDir: string = path.join(ROOT_DIR_APP, relDir); export async function generateStaticParams(): Promise<{ slug: string }[]> { - const filenames: string[] = fs.readdirSync(absDir).filter((filename) => { - return filename.endsWith('.mdx'); - }); + // only pre-render first 3 definitions + const filenames: string[] = fs + .readdirSync(absDir) + .filter((filename) => { + return filename.endsWith('.mdx'); + }) + .slice(0, 3); return filenames.map((filename) => { const slug = path.basename(filename, '.mdx');