oddsdk/odd-app-template

Fix social preview

Opened this issue · 2 comments

bgins commented

The social preview at https://webnative.netlify.app does not currently unfurl to app information and the social preview image. It can be inspected at https://www.opengraph.xyz/url/https%3A%2F%2Fwebnative.netlify.app%2F.

I think the issue might be in the dynamic way we fill in the meta tags. It may be that social media platforms do not execute the necessary JavaScript to populate the tags. They do appear to render fine in a webpage and can be inspected there.

Maybe there is a SvelteKit config that could help us with this? Another alternative would be hard-coding the values into app.html, but it would be nice to find a better way.

bmann commented

Yes AFAIK you need static / server side rendered info for social graph.

bgins commented

We may be able to use https://www.npmjs.com/package/svelte-meta-tags to generate the meta tags.