Instant loading state and generateMetadata

[mike-tang]

Is there a way to produce an instant loading state while generateMetadata is fetching data?

I'm currently using generateMetadata to fetch data for the opengraph title/description on a user profile page. According to the docs, Next.js waits for data fetching inside generateMetadata to complete before streaming UI to the client, but this seems to prevent users from seeing an instant loading state whenever a page is first loaded or <Link> is clicked.

Ideally, I'd like to have some type of "Loading..." indicator in my browser page title while the UI displays an instant loading state (using next app router).

Any guidance on this is much appreciated – thanks!

From Next.js App Router docs:

Next.js will wait for data fetching inside generateMetadata to complete before streaming UI to the client. This guarantees the first part of a streamed response includes tags.

[CapitaineToinon]

I'm having the same problem. It doesn't seems to be possible, which is unfortunate. I get what it's trying to do, but in my opinion, if there is a loading.jsx file present the metadata should be inserted later. Having a loading.jsx already hurts SEO so we should at least have the option to enable the same behavior for the metadata.

[l-you]

We are waiting for solution.
There was a long discussion about similar problem.
#43548

[p00000001]

Open issue on this problem at #45418

[rvk220]

Thanks for raising the issue. Still no updates? 🤔

[imrashidov]

has any update? xd