Seonglae Cho- Frontend - instead of
fetch('/api/user/1')→trpc.userById.query('1')
- End-to-End Type Safety from frontend to backend by defining input/output types
- Can be used with auto-completion without Swagger, Postman, or REST API documentation
- Integrated with React Query for automated caching and refetching
In the React ecosystem, since TanStack Query has become the standard for server state synchronization, the tRPC team abandoned their own caching and adopted React Query.
tRPC Usages
Getting Started with Next.js | tRPC
Recommended but not enforced file structure. This is what you get when starting from the examples. Execute create-next-app to bootstrap one of the examples: TodoMVC-app implemented with tRPC. Uses superjson to transparently use Date s over the wire. Live demo at todomvc.trpc.io Simple starter project with a mock in-memory db.
https://trpc.io/docs/nextjs