T3: TRPC, Prisma and NextAuth Done Right

Let's try out TRPC using Theo's T3 application template that also integrates Prisma, NextAuth and Tailwind. And we'll use supabase and daisyui on top of that.

👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF

0:00 Introduction
1:00 Notetaker Introduction
1:53 T3 Application Setup
3:28 Supabase Setup
7:00 Github OAuth Setup
9:41 Scribe
15:44 Deploying To Vercel
17:58 Adding DaisyUI
20:13 Adding Tables To The Schema
21:55 Adding TRPC Procedures
25:47 Querying TRPC
27:01 Adding A Header
28:47 Adding Topics To The UI
33:55 Adding Notes TRPC Support
34:49 Adding Notes UI
41:18 Re-Deploying The App To Vercel

[fev]

This is the best implementation of an ad I've seen. Deeply integrated into the content.

[alalalal]

Great introduction and love how well the ad was presented. One small thing to mention though is that even though T3 stack is popularized by Theo, he has actually not created Create T3 App, it's created by the community.

[hunterbertoson]

I appreciate you showing us how to deploy it as well. I feel like so many tutorials dont show how to deploy.

[nazar]

Finally this Stack gets more popular. It is so nice to work with it!

[pedromenezes]

Just starting as a developer and even though I don't get exactly how every tiny bit works under the hood I can appreciate and understand a lot of what was explained. Amazing and super rich content. Thanks again Jack!

[stefankudla]

Not only did this example make it easy to understand the T3 stack, but it looks stunning with Daisy UI! Enjoyed being able to focus on the functionality more than the styling.

[exokristian]

Condensed and so clearly articulated! Wonderful presenting and teaching skills. Thank you for your great work.

[kszyh_]

I wish that NestJS supports tRPC officially

[dhavall]

That's really helpful to hear about keyboard shortcuts, tools and plugins along with tutorial.

[ismi-abbas]

I've been searching all day long how to quickly get into this t3app, and for me this is the most quick and precise tutorial. Thanks Jack!

[jakubkurdziel]

Amazing video, Thank You Jack.👏🏼
in 32:57 instead of creating the Topic type You can inport this like that:

[infisspablo]

Banger video! Definitely helpful stuff for people who are just starting with T3 stack but also for folks who played with it for a bit

[reveillegaming]

Will be watching this later. I've actually started a generic blog project using the stack. Enjoying it so far. Will see how much I enjoy on something more complex though.

[riccardopellegrino]

Having this type of content for free is really a blessing. Thank you so much! 🚀

[metacarpo]

Omg this couldnt be more perfect in time! I was actually just posting a stack overflow question because I was not able to refresh the page after mutation, I tried a lot of things yesterday, read a ton of documentation but somehow I couldnt and went to sleep angry lol, I guess I missed the onSucess inside the useMutation hook Idk I thought Id alteady tried it. Thanks!

[nishatsayyed]

This is just incredible. Thanks for sharing Jack
Waiting for more and more amazing professional quality content.

[jaany]

T3 video from the legend himself, and he got a sponsor too? Hell yeah

[TheFourthPrince]

Thanks Jack...I just learnt about tRPC and was thinking about integrating in next.js...And at that moment your video dropped...Thanks again...

[deathmachine]

Another excellent tutorial, cheers Jack

[SuperShivammm]

Very well explain everything start to end of deployment. Thanks