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

you can actually use VS code refactor (CTRL+SHIfT+R) to move functions to separate file. it will move the imports as well. nice and clean

This is such an adhd friendly tutorial. Mr. Cat appearing out of the blue and climbing you up like a tree, then back to serious mode and BOOM mr Cat again-> just the right amount of distraction while staying engaged lol. Thank you !

do we still need data sanitation to avoid sql injection ?

Donating cause it feels criminal to watch a tutorial as good as this for free

What do you use the "!G" for when Googling?

Fantastic video. Theo, I would absolutely love you to create a version of this using all the latest server components stuff and app router that you've been raving about of late.

That axiom data logger was a huge find for me! working very well, best part is i'm able to test it as much as i want cause the free tier limit is huge. I had trouble in the past trying to find a tool like this (for free) and all i could find was a month trial... Thank you brother!

i should try this tutorial when came out, now 7 months after are a lot commands have changed

does the stack support microservices ?

does anyone know which copilot theo uses? it so great !

Is there a "0 to prod" for clerk with drizzle?

a mobile engineer who was just starting to learn javascript and lands here. What all are these advancements in web technology...

i noticed the github CI does it's thing but vercel simultaneously does the build even before github is done. Is that wise? What if github detects a type issue or lint error? Would we want it to push to vercel only after github CI is done?

I finished the tutorial! It took a few days, but it all works! I don't really know how to do that react hook form thing you mentioned, I'm still learning, so I'm sure I will figure it out eventually. My build used an integer for the id in the database table so I had to make a couple of small changes to accomodate that. I think a few things had changed in the last 6 months, prisma's example model had this:
id Int @id @default(autoincrement())

instead of the string yours had. I also found a couple of differences where I had to turn off 2 of the eslint rules, the "prefer optional chain" and the "require await", as it would not build on vercel with those enabled.

But other than that, it works fine, thanks for a great masterclass in the t3 stack. I feel I understand a lot more now.

My only criticism is that you sometimes go too fast with the copy/pasting and scrolling around. There was a time near the end where you copied something and pasted it so fast I couldn't figure out what you did.

The app itself does not have a sign out button once the user is logged in, how would they sign out? Perhaps a left sidebar like twitter has with a menu and your profile below it, with the ... where you can select Sign out from a menu. I will probably revisit this project later on when I learn more.

prisma:error
Invalid `prisma.post.findMany()` invocation:


Operation 'findMany' for model 'Post' does not match any query.
❌ tRPC failed on posts.getAll:
Invalid `prisma.post.findMany()` invocation:


Operation 'findMany' for model 'Post' does not match any query.

I am getting this weird error. Can anyone help?

Edit: It's resolved now. I just had to do a hard refresh.

For anyone running into the "cannot read findMany() of undefined" error just run this in the console: "npx prisma generate"

Tutorial is great, but I stopped do the code because I had a issue with Clerck(infinity loop when I try to log in). Maybe the company Firewall, maybe other issue with my laptop(I have read a lot about some time sync stuff)

Nothing with clerk is working for me... all of my api routes are still unauthorized even after logging in. I would love an updated clerk/trpc video.

we need more tutorials like that! <3

So everything outside the pages folder is server side right?

An incredible tutorial, I learnt so many useful things from this. Your pace is excellent and the content really digestible. Thank you very much :)

Love the video. Extremely informative and well put. Thank you for the all the effor you put into it.

noo i just found out about clerk i love you

I don't have a credit or debit card for using planetscale. Is there something to use instead of planetscale?

When adding the upstash rate limiter, you said "this should probably be installed in dev only, but it doesn't matter too much". I'm a little confused by that, and I've never worked on implementing rate limiting myself, but wouldn't you want this in prod, or did I just completely misunderstand that?

this is gold

Theo, I am out of words. Thank you so much for putting out videos like this and being the cool Jedi! Your work is amazing🙏🏾

My man, this gonna save my life, in next month finish my career and gonna to build my saas.

ummm....what?

Sup dude! congrats for the content! could you explore a bit more about trpc subscriptions ?

Would love a video about testing the T3 stack, if one doesn't exist already

Hi Theo,
I am making a blog project with T3. How do I make an api request that I want to call post content with id in this project?

" getAll: publicProcedure.query(({ ctx }) => {
return ctx.prisma.post.findMany({
include: { Category: true, author: true },
orderBy: { createdAt: "desc" },
});
}),"

I want to do something like this :')

Given what happens to Twitter, this clone might actually be useful.

Thanks! This guide is amazing and I'm only 15 minutes in. Would you consider adding a "backend only" or "api" type of configuration for t3 create app?

Great video. Just completed after a couple days. Some hangups with updated Clerk middleware and createServerSideHelpers but nothing I couldn't figure out by reading the docs. Very much appreciated!

Thanks for the video

why should anyone go this path? any of those dedicated services costs a lot.. different companies, different points of failure... why not just a normal node.js+express+react app and push it with dokku or docker on a linux server... I don't get it... what are you guys doing? can anyone explain me? I need to know when it makes sense to use this t3 stack, a honest opinion please.

Thanks xQc of tech world

Brilliantly Helpful, Thank you

Prisma studio is amazing. Thank you for this.

I am getting an error with the local host in the beginning around 15 mins where the local host keeps refreshing so it throws an error " Error: Clerk: Infinite redirect loop detected. That usually means that we were not able to determine the auth state for this request. A list of common causes and solutions follows. "

Does someone have a video of how I can use custom username and password type of sign in by getting data from Prisma with NextAuth using t3-stack? we can discord as well if you want to teach me. I'm just learning and I would really appreciate the help!