T3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)
March 23, 2023
537,474
12,058
639
2.36%
Search the Record
IndexedEvery word spoken in this episode is indexed. Type any phrase to jump straight to the moment it was said.
Type any word or phrase that may have been spoken. Click a result to seek the player to that exact moment.
Try a name, a topic, or a quoted line
Theo T3 Gg Episodes Around March 23, 2023
See what was published immediately before and after this episode.
2:59:03Now PlayingT3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)
YouTube Description
as posted by the channelI've never worked this hard on a video before. I really hope y'all can benefit from this 🙏
GITHUB REPO
DEPLOYED APP
GET A JACKET IF YOU'RE COOL LIKE THAT
ALL MY VIDEOS ARE POSTED EARLY ON PATREON
Everything else (Twitch, Twitter, Discord & my blog)
THANK YOU TO THE T3 DEPLOY PARTNERS
Planetscale
THANK YOU @zombiefacesupreme FOR THE TIMESTAMPS
[0:00] Introduction & Install
[3:45] Setting up Github, Vercel, & Planetscale
[11:30] Setting up Clerk, CAT BREAK, & Axiom
[21:15] From Prisma Schema to tRPC Procedure
[30:30] Style skeleton
[37:15] Creating posts & connecting them to users
[48:15] The PostView component
[59:30] Relative time with dayjs
[1:04:00] Next/Image
[1:08:00] Loading spinner & handling loading states
[1:19:15] tRPC Context, auth state, and private procedures
[1:27:00] Zod, useMutation, sorting the feed, and onSuccess
[1:38:00] Rate limiting with Upstash
[1:43:45] Error handling with Zod & react-hot-toast
[1:52:30] Routing -- Profile View & Post View
[1:57:30] Creating profileRouter
[2:06:00] Using tRPC's createProxySSGHelpers
[2:14:45] The Layout
[2:19:15] The Profile Page
[2:28:00] The Profile Feed
[2:38:45] The Post Page
[2:47:15] Github CI
[2:52:45] Domain Name Redirect
[2:55:15] Conclusion
Guests & Subjects Covered
Sentinel Indexing in Progress
Metadata and chapters are available. Claim extraction for this episode is pending.
All video content is delivered via YouTube embedded players in accordance with the YouTube Terms of Service. Sentinel provides research tools that promote discovery and accountability across political media.









