Giorgio Boa

tRPC: API schemas are pure overhead

What if your API schema was just... TypeScript? See how tRPC delivers end-to-end typesafety with zero code generation or overhead.

tRPC: API schemas are pure overhead
#1about 3 minutes

Understanding the problem of API schema fatigue

Traditional API approaches like OpenAPI and GraphQL require learning new specifications and running code generation steps, which can be cumbersome.

#2about 2 minutes

Introducing tRPC for end-to-end type safety

tRPC is a popular library that enables sharing types between a client and server without schemas by leveraging TypeScript's built-in type inference.

#3about 4 minutes

Live demo of setting up a tRPC server

The setup involves installing client and server packages, creating a main app router that combines business logic, and exporting its inferred type for the client.

#4about 3 minutes

Demonstrating type safety between client and server

Changing a backend procedure's name or parameters instantly triggers a TypeScript error in the frontend code, preventing broken APIs from being shipped.

#5about 6 minutes

Debugging tRPC communication and server execution

By inspecting network requests and using breakpoints, you can trace how the client calls the server via HTTP and how the server library resolves and executes your backend functions.

#6about 2 minutes

Analyzing the pros and cons of using tRPC

tRPC eliminates code generation and improves collaboration but requires a full TypeScript stack and manual handling for API versioning or public APIs.

#7about 3 minutes

Learning from real-world open source examples

Use tools like grep.app to search open source projects like cal.com and learn advanced patterns, such as implementing custom authentication middleware.

#8about 4 minutes

Getting started and handling different project setups

Bootstrap a new project using create-t3-app and handle separate client/server repositories by publishing the shared router type as a private NPM package.

Related jobs
Jobs that call for the skills explored in this talk.

test

Milly
Vienna, Austria

Intermediate

job ad

Saby Company
Delebio, Italy

Intermediate

Matching moments

Building type-safe backends and APIs
13:07 MIN

Building type-safe backends and APIs

End-to-End TypeScript: Completing the Modern Development Stack

Connecting the frontend with type-safe APIs
16:45 MIN

Connecting the frontend with type-safe APIs

End-to-End TypeScript: Completing the Modern Development Stack

Building end-to-end type-safe full-stack applications
23:50 MIN

Building end-to-end type-safe full-stack applications

Don't compromise on speedy delivery nor type-safety by choosing TypeScript

Tracing the evolution of APIs from RPC to GraphQL
08:09 MIN

Tracing the evolution of APIs from RPC to GraphQL

The Great API Debate: REST, GraphQL, or gRPC?

An overview of gRPC fundamentals and its trade-offs
00:04 MIN

An overview of gRPC fundamentals and its trade-offs

gRPC Load Balancing Deep Dive

Achieving type safety in the database layer
08:22 MIN

Achieving type safety in the database layer

End-to-End TypeScript: Completing the Modern Development Stack

Combining resource-oriented design with RPC in gRPC
00:14 MIN

Combining resource-oriented design with RPC in gRPC

Designing gRPC APIs - The things they don't tell you

Architectural differences between REST, GraphQL, and gRPC
17:54 MIN

Architectural differences between REST, GraphQL, and gRPC

The Great API Debate: REST, GraphQL, or gRPC?

Featured Partners

Related Videos

See all videos
End-to-End TypeScript: Completing the Modern Development Stack29:17

End-to-End TypeScript: Completing the Modern Development Stack

Marco Podien

The Great API Debate: REST, GraphQL, or gRPC?28:16

The Great API Debate: REST, GraphQL, or gRPC?

Alexis Yushin

Designing gRPC APIs - The things they don't tell you27:17

Designing gRPC APIs - The things they don't tell you

Bastian Eicher

REST in Peace? What does the API protocol of the future look like? Or do we have it already?20:29

REST in Peace? What does the API protocol of the future look like? Or do we have it already?

Simon Auer

Don't compromise on speedy delivery nor type-safety by choosing TypeScript29:44

Don't compromise on speedy delivery nor type-safety by choosing TypeScript

Jens Claes

GraphQL + Apollo + Next.js: A Lovely Trio40:45

GraphQL + Apollo + Next.js: A Lovely Trio

Josh Goldberg

GraphQL: Does it replace SQL, REST or Something Else?28:12

GraphQL: Does it replace SQL, REST or Something Else?

Gregor Bauer

Build and Deploy a Fullstack App with Open Source Tooling25:53

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Related Articles

View all articles
DC
Daniel Cranney
Next.js App Router: Explained
IntroductionVercel’s Next.js has come a long way since its initial release in 2016. What would become the most popular React framework (according to their own website, at least), started as a simple solution for handling routing, SEO optimisation and...
Next.js App Router: Explained

From learning to earning

Jobs that call for the skills explored in this talk.