How do I automatically generate dynamic Open Graph images for my blog posts?

To automatically generate dynamic Open Graph images in VeloCMS, open Admin → Plugins, find the free Auto OG Image plugin, and enable it. From then on, every post without its own OG image gets a branded preview card generated automatically, so the system uses your post titles and site branding to create social preview images on the fly.

Why do I even need these dynamic preview graphics?

Let's be real for a second — nobody clicks on a naked link slapped onto Twitter, Discord, or LinkedIn if it's just a boring, gray wall of text. You absolutely need an eye-catching preview card to stop the scroll and grab someone's attention before they swipe right past your hard work. But manually whipping up a fresh graphic in a tool like Canva for every single article you write is a massive, soul-sucking time sink. Since VeloCMS was built entirely from the ground up on modern Next.js and PocketBase architecture, automatic image generation ships as a first-party plugin to save you from that constant headache. When you drop your URL into a social platform, the generated card features your post title, your first tag, and your blog name over a branded background in your site's accent color. It's worlds apart from wrestling with clunky, outdated WordPress plugins that break after every update. Honestly, it just makes your brand look incredibly polished without you having to lift a single finger.

How does the AI engine actually build these images?

Behind the scenes, the platform acts exactly like your own personal, lightning-fast graphic designer. When a social platform's crawler requests your post, the /api/og route takes the post's headline and your site's brand colors and renders a perfectly proportioned, high-resolution PNG on the server, right at request time. You never have to worry about weird, awkward cropping issues or pixelated text ruining your aesthetic. Because we completely ditched the bloated, legacy architecture you'd typically find in traditional content management platforms, this whole rendering process is quick, and the result is cached so repeat shares cost nothing. Your website stays ridiculously fast for your readers, and your monthly hosting bill stays shockingly low. It really is a magical "set it and forget it" kind of deal that runs quietly in the background while you sleep. One note: the plugin only kicks in for posts that don't already have their own OG image — if you set a custom cover/OG image on a post, that one always wins.

Can I customize the look of my generated social cards?

Absolutely, though the controls are deliberately simple — the plugin has exactly three settings in its Admin → Plugins panel: Background style (a dark-to-accent gradient, or a flat solid brand color), Show tag chip (prints the post's first tag on the card), and Show blog name (adds your blog name under the title). There is no font or overlay-opacity editor; the card always uses your site's typography and accent color so it matches your theme automatically. Here is a highly effective tip to get the absolute best visual results: deliberately keep your main headline relatively short and punchy, so the title fills the visual space beautifully. This little trick gives you that high-end, professional editorial vibe every single time a reader shares your post.

Sharing your creative work out into the world should always feel exciting, not like just another tedious chore lingering on your endless to-do list. By letting your CMS handle the heavy, repetitive lifting of creating those snappy preview cards, you get to focus entirely on writing genuinely great content instead of constantly messing around with third-party image editors. Go ahead and drop your latest blog link into a group chat or social feed right now — you are going to absolutely love seeing that crisp, custom graphic pop up right away!