T3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)

Your video will begin in 10
Skip ad (5)
Facebook gratuit

Thanks! Share it with your friends!

You disliked this video. Thanks for the feedback!

Added by admin
73 Views
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
Category
World Tutorials Country A - L World Tutorials Country N - T
Tags
web development, full stack, typescript

Post your comment

Comments

Be the first to comment