What is the T3 web development stack and why YOU should use it for your next project!
This is why I think the T3 stack is literally the best stack for any website. Easy, superfast โกand super powerful.
Thanks to @t3dotgg from @pingdotgg for the creating it
โ Read ๐งต
Before I start, I'd like to mention Nexxel's GitHub repository to create a t3 app with just one command.
If you end up liking the stack after this thread, follow me on twitter and make sure to โญ this repo and follow nexxel github.com/nexxeln/create-t3-app
First, let's understand the stack itself.
It's called t3 because of the 3 main Ts:
- tRPC
- Typescript
- Tailwind
along with the amazing-ness of
- Next.js
- Prisma
- NextAuth.js
There are a lot more recommendations I'll talk about in the last tweet of this thread
๐งต 1/8
๐ช๐ต๐ ๐ง๐๐ฝ๐ฒ๐๐ฐ๐ฟ๐ถ๐ฝ๐?
Javascript is hard. what makes it harder, is, the inability to catch errors, and the absence of type-safety. For complex projects, this becomes a HUGE problem.
Use Typescript. It might "waste" time initially, but a must-have for the long run.
๐งต 2/8
๐ช๐ต๐ ๐๐ฅ๐ฃ๐?
tRPC is a library to build fully typesafe APIs - from client to server by sharing the types between the two, which helps developers to catch errors early before building.
My friend Nexxel has a fantastic blog on it -worth a read!
๐งต 3/8
blog.nexxel.dev/trpc
๐ช๐ต๐ ๐ง๐ฎ๐ถ๐น๐๐ถ๐ป๐ฑ
Many people HATE tailwind. And I do understand. It makes the HTML look cluttered. But trust me - I'll never, ever write plain CSS again. It makes the development so much faster, and creates a kind of "flow" while giving all the design freedom of CSS
๐งต 4/8
Why Prisma
first, what is prisma?
It's an object-relational mapper for NodeJS. Instead of writing plain SQL, it creates a typesafe client to send SQL queries to your database. works with all SQL databases.
This means, you have code suggestions and fewer errors
๐งต 6/8
And NextAuth - it's basically the best authentication solution for NextJS. It's easy to use, lets you choose your own providers, and is very secure.
๐งต 7/8
But that's not it - There are some (many) recommendations I'd like to include.
For fetching and querying, use React-Query
For Analytics, use @PlausibleHQ
For Web hosting, use @vercel
For infrastructure hosting, use @Railway
๐งต 8/8
Ok now that's it ๐
Again, if you end up liking this thread, make sure to follow me @DhravyaShah and Theo @t3dotgg on Twitter, and Nexxel on Github.
Share by retweeting the first tweet โค๏ธ