OG image generation #8299
Describe the problemHello, I'm looking for providing easy way to dynamically generate open-graph images using Sveltekit. This function exists in Next.js but not in Sveltekit. Describe the proposed solutionIs it possible to make something like https://www.npmjs.com/package/next-api-og-image? Alternatives consideredNo response Importancenice to have Additional InformationNo response |
Replies: 3 comments 6 replies
|
See https://geoffrich.net/posts/svelte-social-image/ and sveltejs/sites#412 for examples |
|
Thank you! The integration of Vercel plugin seems perfect solution for me. Should I install |
|
It is not installed by SvelteKit by default, so you will need to install it |
|
Does anyone have a good pattern for static image generation? I.e. using adapter-static and generating a templated OG image for each page, based on, for example, the title and description. I've been playing around with some options but unclear where to store files to make it DRY: single SEO route/og.png?title=Foo&description=bar problem: cannot access the search params in SSG many SEO routes/foo/og.png problem: needing to create many +server.js files is a pain something else? |
|
What about a |
|
Good idea, EDIT: |
|
You can also do |
|
@benmccann this was an interesting approach i experimented with, but it didn't handle cases where the title or description were missing, which is the case for many of our pages For anyone interested in the final approach i went for, see this PR: evidence-dev/evidence#2985
|
|
For future reference, take a look at sveltekit-og: |
For future reference, take a look at sveltekit-og:
og.pngfor docsog.pngroutes