oscklmO
Convex Community•8mo ago•
8 replies
oscklm

How can i use built-in Convex HTTP router, with pull zone from a CDN?

Hey 👋

Issue
I'm attempting to set up a pull zone to retrieve data from an HTTP action endpoint using the standard Convex HTTP router, but encountering difficulties with dynamic endpoints.

Details
While I successfully implemented this using the Hono adapter from convex-helpers package (which supports dynamic endpoints like ⁠app.use("images/:storageId")), I'm struggling to achieve the same functionality with the built-in Convex HTTP router, which i for several reasons would much prefer using.

Technical Context
1. The Hono adapter provides support for dynamic routes/slug routes (e.g., ⁠images/:storageId) which appears to be critical for my pull zone implementation, and how BunnyCDN handles the origin and the urls forwarded to that, when hitting the CDN.
2. I've also tried pointing the pull zone origin at a fixed files endpoint like ⁠https://******.convex.cloud/api/storage but encountered issues with the response format, maybe because it ain't returning a blob response like what i did with my hono implementation.

Id love some advice from the team or anyone else, on whether it's possible to implement dynamic endpoints with the standard HTTP router (seems not) or if there are any other ways to achieve this.

This is the hono implementation that worked (which id love to achieve with the built-in convex http router)

const app: HonoWithConvex<ActionCtx> = new Hono();

app.get("/images/:storageId", async (c) => {
    const storageId = c.req.param("storageId") as Id<"_storage">;

    const blob = await c.env.storage.get(storageId);
    if (blob === null) {
        return c.json({ error: "Image not found" }, 404);
    }

    return new Response(blob);
});

export default new HttpRouterWithHono(app);
Was this page helpful?