Cloudflare Workers
Preconfigured Takumi WASM adapter for Cloudflare Workers and worker-style runtimes.
Import
import { createOgHandler } from "@better-og/workers";Usage
The Workers adapter initializes Takumi and creates a renderer for you. In the common case, you only pass the component and any extra ImageResponse options such as fetchedResources.
import { createOgHandler } from "@better-og/workers";
const handler = createOgHandler({
component: (
<div
style={{
width: "100%",
height: "100%",
display: "flex",
alignItems: "center",
justifyContent: "center",
background: "#1a1a2e",
color: "#fff",
fontSize: 48,
}}
>
Workers OG
</div>
),
});
export default {
fetch(request: Request) {
return handler(request);
},
};Notes
initSync(...)andnew Renderer(...)are handled internally.- You can still pass a custom
rendererif you need reuse or extra control.
Edit on GitHub
Last updated on