Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building full stack projects with tRPC
Search
Brian Douglas
November 10, 2022
Technology
0
58
Building full stack projects with tRPC
Brian Douglas
November 10, 2022
Tweet
Share
More Decks by Brian Douglas
See All by Brian Douglas
Funding & Hiring Contributors
bdougie
0
15
Funding and Hiring Contributors
bdougie
0
35
Unconventional Metrics in OSS
bdougie
0
120
Success in Open Source
bdougie
0
76
Measuring Success in Open Source
bdougie
0
40
The Secret Sauce is Open Source
bdougie
0
58
How to get your PR reviewed
bdougie
0
110
Automation w/GitHub Actions
bdougie
0
110
Getting Traction with Actions (2021)
bdougie
1
100
Other Decks in Technology
See All in Technology
【SORACOM UG Explorer 2025】さらなる10年へ ~ SORACOM MVC 発表
soracom
PRO
0
160
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
2
370
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
290
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
340
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
nishiharatsubasa
3
5.2k
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
870
激動の時代を爆速リチーミングで乗り越えろ
sansantech
PRO
1
140
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
appleboy
0
290
re:Inventに行くまでにやっておきたいこと
nagisa53
0
600
DSPy入門
tomehirata
3
370
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
400
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
210
Featured
See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
91
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Writing Fast Ruby
sferik
630
62k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Building Adaptive Systems
keathley
44
2.8k
Practical Orchestrator
shlominoach
190
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Building an army of robots
kneath
305
46k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Transcript
@bdougieYO Building full stack projects with tRPC opensauced.pizza 1
Brian Douglas youtube.com/ilikerobot Work fl ow Automation By leveraging the
GitHub API The Last Dance Michael Jordan of content
opensauced.pizza @bdougieYO 3 Statistically proven Area 31
opensauced.pizza @bdougieYO 4 1 5 2 3 4 Triangle Offense
(framework)
Picking tech is hard
Choose a framework
Michael Jordan of open-source Brian Douglas
opensauced.pizza @bdougie 8 OpenSauced: “Open Source Insights, by the
slice” . Image of the platform serving Digital Ocean’s Hacktoberfest 2022 insights for 95k. repos
We chose Next.js
opensauced.pizza @bdougie 10 Building Modern APIs
opensauced.pizza @bdougie Building Modern APIs 11 Server Client GraphQL Or
Swagger
opensauced.pizza @bdougie 12 tRPC? TypeScript Remote Procedure Call
opensauced.pizza @bdougie tRPC Setup 13 tRPC-server tRPC-client tRPC router
opensauced.pizza @bdougie tRPC 14 Server Client Function Remote Calls
https://beta.create.t3.gg/
TypeScript Tailwind tRPC
t3-app decisions made TypeScript Tailwind tRPC next-auth prisma
opensauced.pizza @bdougie 18 Jamstack DEMO
opensauced.pizza @bdougie 19 Jamstack
localhost:3000
opensauced.pizza @bdougie tRPC Setup 21 tRPC-server tRPC-client tRPC router
opensauced.pizza @bdougie 22 tRPC-server tRPC-client tRPC Setup tRPC router
opensauced.pizza @bdougie 23 tRPC-server tRPC-client tRPC Setup tRPC router
opensauced.pizza @bdougie 24 tRPC-server pages create-t3-app setup tRPC router
opensauced.pizza @bdougie 25 Backend
server/example.ts tRPC Schema-less API development.
opensauced.pizza @bdougie 27 Frontend
localhost:3000
pages/index.tsx react-query Powerful React state management
pages/index.tsx react-query Powerful React state management
pages/index.tsx react-query Powerful React state management
tRPC router bene fi ts Caching Distribution JSON Magic
opensauced.pizza @bdougie tRPC benefits Lowers the barrier for building. 33
T3 Stack • focused on simplicity, modularity, and full-stack typesafety. It consists of: • Next.js, tRPC, Tailwind, CSS, TypeScript, Prisma, NextAuth.js
opensauced.pizza @bdougie tRPC Lowers the barrier for building. 34
opensauced.pizza @bdougieYO 35 1 5 2 3 4 create-t3-app (framework)
hot.opensauced.pizza
None
opensauced.pizza @bdougieYO 38 youtube.com/opensauced
opensauced.pizza @bdougieYO 39 youtube.com/opensauced
Michael Jordan of open-source @bdougieYO