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
curl --stderr - https://www.asyncapi.com | grep "og\|twitter"
looks the meta tags into the first rendered version. The output is empty.- 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.
You can additionally test the Open Graph metas via https://www.opengraph.xyz/url/https%3A%2F%2Fwww.asyncapi.com
Expected behavior
- 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.
- 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)
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 usereact-i18next
andi18next
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 againI think the cause of it is, that we have implemented nexti18next library incorrectly.