👌

railsのフロント側をnext.jsで実装するときのエラー対処

に公開

記事詳細取得時のエラー

記事詳細をnext.jsの方で取ろうとすると

Server Error
Error: getStaticPaths is required for dynamic SSG pages and is missing for '/posts/[id]'.
Read more: https://nextjs.org/docs/messages/invalid-getstaticpaths-value

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
renderToHTMLImpl
file:///Users/yoshi/git/rails-nextjs-pra/blog_client/node_modules/next/dist/server/render.js (272:15)
PagesRouteModule.render
node_modules/next/dist/server/future/route-modules/pages/module.js (34:0)
doRender
file:///Users/yoshi/git/rails-nextjs-pra/blog_client/node_modules/next/dist/server/base-server.js (1058:40)
cacheEntry.responseCache.get.incrementalCache.incrementalCache
file:///Users/yoshi/git/rails-nextjs-pra/blog_client/node_modules/next/dist/server/base-server.js (1208:46)
<unknown>
file:///Users/yoshi/git/rails-nextjs-pra/blog_client/node_modules/next/dist/server/response-cache/index.js (99:42)
process.processTicksAndRejections
node:internal/process/task_queues (95:5)

getStaticPathsは動的 SSG ページに必要だけど、「/posts/[id]」にはないと怒られてる。
https://nextjs.org/docs/messages/invalid-getstaticpaths-value
ここ読んでねーって書いてあるのでそこを参考にしましょうとのこと。

Discussion