Integration
Add Takumi image generation to Next.js, Astro, Nuxt, SvelteKit, TanStack Start, Nitro, or Fumapress.
Choose the guide for your framework. Each guide covers installation, template input, and where to return or save the generated image.
Next.js
Generate Open Graph images from React components in Next.js App Router route handlers.
Fumapress
Generate Open Graph images and page metadata with the built-in Fumapress Takumi plugin.
Nuxt
Generate Open Graph images from Vue templates with the Takumi renderer in Nuxt OG Image.
SvelteKit
Render Svelte components and their CSS as Open Graph images in SvelteKit server routes.
TanStack Start
Generate Open Graph images from React components in TanStack Start server file routes.
Nitro
Return Open Graph images from Nitro server routes with Takumi node helpers and ImageResponse.
Astro
Generate Open Graph images for static Astro pages at build time with astro-takumi.
Last updated on