Use Case

Type: Web Application Stack

Typical Use Case: Modern full-stack startups

Famous Usage: Cal.com

T3 Stack

TypeScript, Tailwind CSS, tRPC, Next.js

N

Next.js

React + SSR Framework

Hybrid SSR/SSG routing
App router & API routes
Performance-first optimizations

↓

t

tRPC

Typesafe API Layer

End-to-end typesafety
Client + server in sync
Zero schema duplication

↓

T

Tailwind CSS

Utility-First Styling

Design tokens via classes
Responsive utilities
Rapid UI iteration

↓

TS

TypeScript

Typed JavaScript

Static typing for safety
Great DX and tooling
Shared types across stack

Request Flow: Client Browser → Next.js (UI & SSR) → tRPC (Typed API) → Tailwind (UI styling) → TypeScript (shared types) → Client Browser