How to use without mdx about astro-og-image HOT 4 CLOSED

Should hopefully work now. But you need to install the beta version npm i [email protected]

from astro-og-image.

Yeah I am not sure if this is currently possible, altough if you use some kind of layout, i think it could work. I can try to make it work if you would provide a code example on how you have your site setup since I have never worked with storyblok. Also I'm currently quite busy with school, so I can maybe take a look on thursday.

from astro-og-image.

Take your time, no hurry :)
Here is the documentation on storyblok:
https://github.com/storyblok/storyblok-astro
it just uses the getStaticPaths to create all routes.

It would be great if we could use the og image as a component. so we can pass all data and images and style it.

Thanks again!

from astro-og-image.

https://stackblitz.com/edit/astro-sdk-demo-txt2qd?file=src/layouts/BaseLayout.astro
Just by looking at it, this should make it work however, I was not able to confirm it works

But you just need to pass the slug back to BaseLayout

<!-- [slug].astro -->
<BaseLayout slug={slug}>

add meta tags to the head

<!-- BaseLayout.astro -->
<meta
  property="og:image"
  content={slug !== undefined
    ? `/assets/${slug}.png`
    : `/assets/fallback-image.png`}
/>
<meta
  property="twitter:image"
  content={slug !== undefined
    ? `/assets/${slug}.png`
    : `/assets/fallback-image.png`}
/>

and change the astro.config.mjs

astroOGImage({
  config: {
    path: "/pages",
  },
}),

from astro-og-image.