website: OpenGraph meta tags are not rendered and when rendered, URLs are wrong

Describe the bug

Open Graph meta tags are not rendered whenever you access the site but rather it seems it is postrendered somehow (sorry but I’m not familiar with NextJS, etc).

Additionally, once rendered, the URLs of the meta tags are pointing to localhost:3000

How to Reproduce

  1. curl --stderr - https://www.asyncapi.com | grep "og\|twitter" looks the meta tags into the first rendered version. The output is empty.
  2. To see the final rendered meta tags of the site, go to https://www.asyncapi.com, open a developer tools bar and inspect the meta tags.

Google Chrome_dzALxlJB

You can additionally test the Open Graph metas via https://www.opengraph.xyz/url/https%3A%2F%2Fwww.asyncapi.com

Expected behavior

  1. Open Graph meta tags are rendered in the first render and not postponed. Meaning curl --stderr - https://www.asyncapi.com | grep “og|twitter”` should return those meta tags.
  2. The URL of those meta tags should point to the right URL.

About this issue

  • Original URL
  • State: open
  • Created 5 months ago
  • Comments: 25 (18 by maintainers)

Most upvoted comments

I would like to work on this

They don’t assign issues here, you can just start working and open a PR

We can’t use next-18next instead of that we can only use react-i18next and i18next

Bounty Issue’s service comment

Text labels: bounty/2024-Q2, bounty/medium, bounty/coding First assignment to third-party contributors: 2024-03-22 00:00:00 UTC+12:00 End Of Life: 2024-08-31 23:59:59 UTC-12:00

@asyncapi/bounty_team

Happy to know you are gonna work on this anyway @sambhavgupta0705 👍

I found that this bug was introduced in this commit

If we remove the <I18nProvider> from the _app.js, the og tags becomes visible again

I think the cause of it is, that we have implemented nexti18next library incorrectly.