How to implement /auth/confirm API route outside of /api root

[stefan-girlich]

I need to set up an API route /auth/confirm as required by my auth solution (Supabase).

I considered and/or tried the following so far:

Setting explicit apiBase

tsr: {
    appDirectory: './src/app',
    apiBase: '/src/app',
  },

Causes an SCSS/SASS error without error message when opening my root page and seems like a bad practice in general.

Redirecting from route

// src/app/routes/auth/confirm.ts

import { createFileRoute, redirect } from '@tanstack/react-router'

export const Route = createFileRoute('/auth/confirm')({
  beforeLoad: async ({ location, params }) => {
    throw redirect({
      to: '/api/auth/confirm' as any, // required since /api routes are not included in type
      search: true, // required so query params can be accessed via new URL(request.url).searchParams
    })
  },
})

Redirecting works, but query parameters are not retained and query parameters can be accessed in the request object when search: true. Does not seem ideal since I unnecessarily renders the root route (incl. CSS etc.).

Redirects via middleware or config

Next.js allows for redirecting via middleware and via config. Does TanStack router feature similar concepts? In this case I could implement the API route in /api/auth/confirm and simply redirect from /auth/confirm - assuming headers and query params are retained.

[schiller-manuel]

you will soon be able to setup API routes anywhere