Rapid Fullstack Development with Nuxt 3 and tRPC
summary
Combines Nuxt 3 server routes with tRPC to give end-to-end type safety by exporting an AppRouter type and generating a typed client consumed via useQuery/useMutation; uses Zod input validation (and optional output validation) and a createContext with Prisma and session to power authenticated procedures. Shows middleware examples (logging, timing) that are first-in last-out, explains namespace merging across routers, and wires everything with createNextApiHandler plugin. Requires TypeScript and materially speeds front/back integration.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:03Frontend-backend communication
- 3:09tRPC for type-safe dev
- 4:55tRPC procedures and validation
- 8:51tRPC routers and namespacing
- 9:57tRPC middleware
- 13:13tRPC procedures deep dive
- 15:19tRPC context management
- 17:34Protected routes with tRPC
- 19:21End-to-end type safety with tRPC
- 21:34Q&A
related talks
13mMaking typesafe APIs easy with tRPC
12mtRPC: Better than REST GraphQL?
05mFull-stack & Typesafe React (+Native) Apps with tRPC.io
27mTake a rest from REST
34mAchieving end to end typesafety
30mLeveling Up Nuxt: Nuxt 2 - Nuxt 3
26mThe hidden framework revolution: the comeback of RPC
47mReal and Scalable Applications with Nuxt, Vuex and Typescript