Any recommended way how to add canonical and alternate meta tags?

[tixyAppAdmin]

Seems to me that the only way to add canonical and alternate tags would be to create generateMetatags function for every page component in the app which would be a bit tedious work and create lot of boilerplate.

[amannn]

What kind of canonical and alternate meta tags are you looking for?

Note that next-intl already informs search engines about the different languages a given page supports:

In addition to handling i18n routing, the middleware sets the link header to inform search engines that your content is available in different languages.

(from the middleware docs)

[tixyAppAdmin]

hey, sorry for the late response. I might not be up to date with how search engines work today, but shouldn't you always have canonical and alternate tags for multi-language page? Like:

<link rel="canonical" href="https://abc.vercel.app/">
<link rel="alternate" hreflang="de" href="https://abc.vercel.app/de/">
<link rel="alternate" hreflang="fr" href="https://abc.vercel.app/fr/">

I can't see the alternate tags being set in the page head...

[amannn]

Alternate links are not set in the head, but are returned as response headers:

Note that canonical URLs should not be used for linking pages that are supported in different languages (source), instead Google suggests developers to link these pages via alternate links—which is what next-intl does out-of-the-box.

Hope this helps!