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.

Matching moments

Using AI to overcome challenges in systems programming
02:49 MIN

Using AI to overcome challenges in systems programming

AI in the Open and in Browsers - Tarek Ziadé

Crypto crime, EU regulation, and working while you sleep
01:15 MIN

Crypto crime, EU regulation, and working while you sleep

Fake or News: Self-Driving Cars on Subscription, Crypto Attacks Rising and Working While You Sleep - Théodore Lefèvre

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Solving date and time issues with the Temporal API
06:47 MIN

Solving date and time issues with the Temporal API

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

The origin story of the Polypane developer browser
05:28 MIN

The origin story of the Polypane developer browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Understanding browser APIs that rely on company services
04:30 MIN

Understanding browser APIs that rely on company services

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

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

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

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

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

Bastian Eicher

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

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

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

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

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

Gregor Bauer

Related Articles

View all articles
DC
Daniel Cranney
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code can become increasingly difficult. This is where TypeS...
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
DC
Daniel Cranney
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview
Inside last week’s Dev Digest 159 . 🤖 How to use LLMs to help you write code ⚡ How much electricity does AI need? 🔒 Is your API secure? Learn all about hardening it… 🟦 TypeScript switches to go and gets 10 times faster 🖼️ An image cropper in your ap...
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview

From learning to earning

Jobs that call for the skills explored in this talk.