Nextjs does not serve any dynamic metadata in head

[MRSevim]

Summary

Hello,

I have multi tenant nextjs app and I wanna serve project specific metadata in the head of the [domain]/layout.tsx file. I saw that nextjs streams the metadata so that initial page comes in faster but my title and favicon are now showing up in the browser tab until minutes later which is a problem. How to fix that? Should I downgrade my version or is there any other workaround?

Here is my relevant code that serves the data:
https://github.com/MRSevim/brochurify/blob/master/src/app/(tenants)/%5Bdomain%5D/layout.tsx

here is the site that should have title instead of the url in the browser tab: https://test.brochurify.app/

Any help is appreciated.

Additional information

No response

Example

No response

[icyJoseph]

Do you observe the same if you upgrade to latest? 15.3.5

[MRSevim]

Thanks, updating worked. It still flickers the url in the title for milliseconds before switching to user generated one, but I can live with that since page delivery speed is faster. Thanks again

[icyJoseph]

No worries. Bots that can't run Javascript, so called htmlLimitedBots won't experience this.

[BiodunDevv]

You're seeing this delay because Next.js streams the layout before async metadata (like title and favicon) finishes loading.

To fix it, move your metadata logic into the generateMetadata function. It runs before streaming, so the browser gets the correct title and favicon immediately.

layout.tsx

export const dynamic = 'force-dynamic';

import { Metadata } from 'next';
import { getTenantMetadata } from '@/lib/tenant';

export async function generateMetadata({ params }): Promise {
const tenant = await getTenantMetadata(params.domain);

return {
title: tenant?.title || 'Default Title',
icons: {
icon: tenant?.faviconUrl || '/default-favicon.ico',
},
};
}

export default function Layout({ children }: { children: React.ReactNode }) {
return <>{children}</>;
}
Make sure your getTenantMetadata(domain) returns the title and favicon URL.

No need to downgrade Next.js — this is the correct fix.

[icyJoseph]

• https://nextjs.org/blog/next-15-2#streaming-metadata

This is easily verifiable in OPs links, requesting it with Slurp or any other of the htmlLimited bots User Agents, yields the title+metadata correctly.

They are also already doing what you describe. Their problem is that the metadata is not showing up. When using Slurp, or others, the site loads relatively fast too, if metadata generation was slow, we should expect a slow site too, but that's not happening right now.

There were a couple of bug fixes after OPs version (15.2.4) - which is why I wonder if upgrading would show the metadata sooner/faster. There's a way to opt-out but this should work with the defaults. I want to wait for OPs answer before making any suggestions.

Also, OP is doing an extra HTTP round trip to a Router Handler, which I suspected could be the initial culprit, perhaps causing time out and such, but I wanna hear more from them first.