tRPC Parity Feature

tRPC-Style Catch-All Router

Demonstrates full tRPC-style path routing using a Next.js App Router catch-all route app/api/rpc/[...rpc]/route.ts and consuming it with the typed client proxy SDK.

Endpoint Health

Checking...

Last Routed Call

POST /api/rpc/todos.list

Router Todos Demo

Fetched via rpc.todos.list.useQuery()

0 items

Loading todos from router...

How this works (Next.js App Router + tRPC Parity)

1. Next.js Catch-All Route

// app/api/rpc/[...rpc]/route.ts
import { createHandler } from "@explita/actyx-rpc/adapters/next";
import { appRouter } from "@/lib/rpc/router";

export const { GET, POST } = createHandler(appRouter);

2. Client Proxy SDK Consumption

// lib/rpc/client.ts
export const rpc = createClient<AppRouter>({
  baseUrl: "/api/rpc",
});

// React component:
const { data } = rpc.todos.list.useQuery();
const { mutate } = rpc.todos.add.useMutation();