Client Overview

While a tRPC API can be called using normal HTTP requests like any other REST API, you will need a client to benefit from tRPC's typesafety.

A client knows the procedures that are available in your API, and their inputs and outputs. It uses this information to give you autocomplete on your queries and mutations, correctly type the returned data, and show errors if you are writing requests that don't match the shape of your backend.

If you are using React, the best way to call a tRPC API is by using our React Query Integration, which in addition to typesafe API calls also offers caching, invalidation, and management of loading and error state. If you are using Next.js with the /pages directory, you can use our Next.js integration, which adds helpers for Serverside Rendering and Static Generation in addition to the React Query Integration.

If you want to call a tRPC API from another server or from a frontend framework for which we don't have an integration, you can use the Vanilla Client.

In addition to the React and Next.js integrations and the Vanilla Client, there are a variety of community-built integrations for a variety of other frameworks. Please note that these are not maintained by the tRPC team.