No baseUrl when calling API from RSC

[CarrettaRiccardo]

Calling a test api from a RSC returns Error: Failed to parse URL from /api/test, as there is no http://localhost:3000 prefix in the fetch call from the server.

Example code in app/page.tsx:

import { getApitest } from "@/routes";

export default async function Home() {
  const x = await getApitest() // error

  return (
    <main className="">
      {x.message}
    </main>
  );
}

Example API in app/api/test/route.ts:

import { NextResponse } from "next/server";

export async function GET() {
    return NextResponse.json({ message: "Hello, World!" });
}

Generated code in routes/index.ts:

export const getApitest = makeGetRoute(
  "/api/test",
  {
    ...defaultInfo,
    ...ApitestRoute.Route
  },
  ApitestRoute.GET
);

I guess createRouteBuilder function should understand when to return the env.NEXT_PUBLIC_URL for APIs, or just always return it

[jherr]

Hmm. The API support is really designed to support the client side. I hadn’t thought of the server calling back to itself. Generally I find that’s not great for performance. It’s just adding overhead. Easier for the RSC and the endpoint to share the same code and make the call independently.

[CarrettaRiccardo]

Sure, but despite performance drawbacks this may be intended behaviour! For example to mantain separation of concerns or other reasons... like a monorepo with backend APIs and frontend (?)

[jherr]

Sure, but then the routes wouldn't be local to the application if it was a BFF in the monorepo.