fallbackを追加してみる

batora9 · batora9 · commit 28b5f0eafd66 · 2024-04-06T16:00:10.000+09:00
diff --git a/src/app/news/[slug]/page.tsx b/src/app/news/[slug]/page.tsx
@@ -12,10 +12,12 @@ interface Props {
   searchParams: {};
 }
 
-export async function generateStaticParams() {
+// newsの中身が無かった場合の処理
+export async function getStaticPaths() {
   const docsDirectory = path.join(process.cwd(), `docs`, `news`);
   const docs = await fs.readdir(docsDirectory);
-  return docs.map((doc) => ({ slug: doc.replace(/\.md$/, '') }));
+  const paths = docs.map((doc) => ({ params: { slug: doc.replace(/\.md$/, '') } }));
+  return { paths, fallback: false };
 }
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {

Original file line number	Diff line number	Diff line change
`@@ -12,10 +12,12 @@ interface Props {`
`12`	`12`	`searchParams: {};`
`13`	`13`	`}`
`14`	`14`
`15`		`-export async function generateStaticParams() {`
	`15`	`+// newsの中身が無かった場合の処理`
	`16`	`+export async function getStaticPaths() {`
`16`	`17`	const docsDirectory = path.join(process.cwd(), `docs`, `news`);
`17`	`18`	`const docs = await fs.readdir(docsDirectory);`
`18`		`- return docs.map((doc) => ({ slug: doc.replace(/\.md$/, '') }));`
	`19`	`+ const paths = docs.map((doc) => ({ params: { slug: doc.replace(/\.md$/, '') } }));`
	`20`	`+ return { paths, fallback: false };`
`19`	`21`	`}`
`20`	`22`
`21`	`23`	`export async function generateMetadata({ params }: Props): Promise<Metadata> {`