Mounting an Effect HTTP API | TanStack | Page 1

austere plover Oct 21, 2025, 6:31 PM

#

Hi, I'm wondering if anyone has tried to mount an Effect HTTP API within a TanStack Start server route? If so, I'd be greatly appreciative of any guidance!

#

Perhaps something like the following?:

import { HttpLayerRouter } from "@effect/platform"
import { createFileRoute } from "@tanstack/react-router"
import { ApiLive } from "~/api/ApiLive"

const { handler: webHandler } = HttpLayerRouter.toWebHandler(ApiLive)
const handler = ({ request }: { request: Request }) => webHandler(request)

export const Route = createFileRoute("/api/v1/$")({
  server: {
    handlers: {
      GET: handler,
      POST: handler,
      OPTIONS: handler,
      ALL: handler,
      HEAD: handler,
      DELETE: handler,
      PUT: handler,
      PATCH: handler,
    },
  },
})

pure leaf Oct 23, 2025, 9:00 PM

#

you can also use ANY: handler

#

to forward... any method

austere plover Oct 24, 2025, 6:11 PM

#

Thank you!

opaque acorn Oct 25, 2025, 4:35 AM

#

@austere plover did that work? I have been thinking about trying the same

pure leaf Oct 25, 2025, 4:45 AM

#

it should just work. if not please let us know

austere plover Oct 25, 2025, 8:18 PM

#

I ended up switching to just Effect Platform for my back end + using TanStack router on the front end (not start)

#Mounting an Effect HTTP API