NextJS: how to make statically rendered pages with githubReader

[thinlines]

I'm building my first NextJS site. I chose Keystatic because it had good documentation and looked easy to use. I'm loving it! Also, kudos to simonswiss for making such concise and useful video guides about it. They've been very helpful in my learning process.

In my site, if I use the github reader to fetch content, all the pages that call it become dynamic pages. I'm importing the GitHub reader from a file that exports it as reader = createGitHubReader(...). I also tried using React Cache as export const reader = cache(() => createGitHubReader(...)), which I saw used in the Keystatic docs repo, but with the same results.

The exception is that dynamic routes with generateStaticParams get generated as static pages, as they should. To isolate the effect of the reader on whether pages become dynamic or not, I've commented out all of the components for each page, so that they are empty except for the calls to the Keystatic reader.

What adjustments should I make to my code so that all pages are statically generated when using the GitHub reader? Is it possible? All the needed information is available at build time. Or maybe I've overlooked something else that is causing the pages to be dynamic. Any pointers or suggestions would be greatly appreciated! Like I said, this is my first NextJS project, and I'm still learning how things work.

[thinlines]

I found a solution to my problem. Adding export const dynamic = "force-static" to the root layout caused all pages using that layout to be statically rendered.

Here's some more information. I did a build with next build --debug, and it showed errors starting with Static generation failed due to dynamic usage on /..., reason: no-store fetch followed by the URL of my GitHub repo. I'm pretty sure that means the cache function isn't caching what reader is fetching. I don't think my solution above solved the problem of me not using cache() correctly, but since the pages are statically generated now, I'm saving this issue for another time.

Honestly, it's hard for me to understand how cache() is supposed to be used—I understood getStaticProps() in the pages router more easily 😅. But, that's between me and NextJS haha.

I've realized my problem has more to do with NextJS than it does with Keystatic. I apologize for the noise. Thanks again for making such great software!