nextjs - 💡(How to fix) Fix App Router: dynamic route params not available in generateMetadata when page is statically rendered [6 comments, 3 participants]

TL;DR

• Modify the generateMetadata function to correctly handle dynamic route parameters during static build.

Guidance

• Review the generateMetadata function implementation to ensure it properly accounts for the dynamic route parameters, potentially by using a different approach to access the params object.
• Verify that the params object is correctly passed to the page component and investigate why it's not available within generateMetadata.
• Check the Next.js documentation for any specific guidelines or recommendations on using dynamic route parameters with generateMetadata during static build.
• Consider testing the generateMetadata function with a static route to isolate if the issue is specific to dynamic routes.

Example

• No explicit code example can be provided without modifying the original code, but reviewing the generateMetadata function in the provided codesandbox example may help identify the issue.

Notes

• The provided environment information and package versions may be relevant to the issue, but without further details, it's unclear if upgrading or downgrading any packages would resolve the issue.
• This solution assumes that the issue is specific to the generateMetadata function and dynamic routes, and may not apply to other use cases.

Recommendation

• Apply workaround: Modify the generateMetadata function to correctly handle dynamic route parameters, as the root cause appears to be related to how the function accesses the params object during static build.