Inside of generateMetadata how can I get the page url | Next.js | Page 1

Hi @orchid minnow. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

The generateMetadata function in Next.js does not directly provide the URL of the page. It receives the parameters of the current route in the props object, which includes params and searchParams. The params object contains the dynamic route parameters from the root segment down to the segment generateMetadata is called from. The searchParams object contains the current URL's search params.

Here's an example of how these parameters look:

generateMetadata({ params, searchParams }) {
  console.log(params); // dynamic route parameters
  console.log(searchParams); // URL's search params
}

However, if you need the full URL, you might need to construct it manually using these parameters and your base URL. The base URL can be obtained from the metadataBase field in the Metadata object. If not configured, metadataBase has a default value of <https://${process.env.VERCEL_URL}> or <http://localhost:${process.env.PORT> || 3000} if VERCEL_URL is not detected.

Please note that this approach might not work for all use cases, especially for static routes. There's an open issue on GitHub discussing the limitations of generateMetadata and the need for a function equivalent to usePathname() that can work in Server Components.

Sources:

Next.js Docs - generateMetadata function (https://nextjs.org/docs/app/api-reference/functions/generate-metadata#parameters)
Next.js Docs - metadataBase default value (https://nextjs.org/docs/app/api-reference/functions/generate-metadata#default-value)
GitHub Issue - x-invoke-path doesn't exist on headers() when running on Vercel (https://github.com/vercel/next.js/issues/54711)

#Inside of generateMetadata how can I get the page url

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: