nextjs - 💡(How to fix) Fix Docs: How to "use cache" but only at runtime (not build) [9 comments, 4 participants]

TL;DR

• To exclude DB queries from prerendering, consider using a dynamic approach that fetches data at request time instead of build time.

Guidance

• Review the cache components documentation to understand how caching works in Next.js and identify potential hooks for customizing the caching behavior.
• Investigate using getStaticProps or getServerSideProps as alternatives to "use cache" for handling DB queries, as these methods allow for more control over when data is fetched.
• Consider implementing a check to determine if the code is running in a build environment or at request time, allowing you to conditionally exclude DB queries from prerendering.
• Look into using environment variables or other configuration options to control the behavior of your caching and DB query logic.

Example

// Example of conditionally fetching data based on environment
if (process.env.NODE_ENV !== 'production') {
  // Fetch data dynamically
} else {
  // Handle caching or prerendering for production
}

Notes

• The provided solution assumes that the build environment can be distinguished from the runtime environment, which may not always be the case.
• The example code snippet is hypothetical and may require adjustments based on the actual implementation details.

Recommendation

• Apply workaround: Use a dynamic data fetching approach, such as getServerSideProps, to exclude DB queries from prerendering during the build process, as this allows for more control over when data is fetched.