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 https://shop.t3.gg/
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-dpc
- 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 @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
GITHUB REPO https://github.com/t3dotgg/chirp
DEPLOYED APP https://xn--uo8h.t3.gg/
GET A JACKET IF YOU'RE COOL LIKE THAT https://shop.t3.gg/
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-dpc
- 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 @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
Comments