Theo T3 Gg
Theo T3 Gg
@t3dotgg·541K subscribers·1.1K videos

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

Posted

March 23, 2023

Views

537,474

Likes

12,058

Comments

639

Engagement

2.36%

Search the Record

Indexed

Every 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

YouTube Description

as posted by the channel

I'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

FROM 0 TO PROD FOR $0Twitch Twitter DiscordAxiom THANK YOUFOR THE TIMESTAMPSGithub VercelClerk CAT BREAKFrom Prisma SchemaThe PostView

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.

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