I've never worked this hard on a video before. I really hope y'all can benefit from this 🙏 GITHUB REPO https://github.com/t3dotgg/chirp DEPLOYED APP https://xn--uo8h.t3.gg/ GET A JACKET IF YOU'RE COOL LIKE THAT null ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg Everything else (Twitch, Twitter, Discord & my blog): https://t3.gg/links THANK YOU TO THE T3 DEPLOY PARTNERS - Clerk https://clerk.com/?utm_campaign=theo-dtc - Planetscale https://planetscale.com/?ref=theo - Upstash https://upstash.com/?utm_source=theo_qstash - Vercel https://vercel.com/?ref=theo - Axiom https://www.axiom.co/?ref=theo THANK YOU https://www.youtube.com/channel/UC_tGHCvWZupDtzAK_kv4A_g 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