How To Create A Social Media App Using The T3 Stack – Next.js, React, Tailwind, Prisma, TypeScript

Try Out Amplication: https://amplication.com/?utm_source=wdsytc&utm_medium=cpm&utm_campaign=vid&utm_content=twitter_clone&utm_term=try_out_link_amp_hp

Amplication is open source. Star their GitHub repo: https://github.com/amplication/amplication

I finally created a project using T3 and I love the stack. tRPC, TypeScript, and Tailwind are some of my favorite tools. Being able to use them all on the same project in an easy to use way is so nice. This is the biggest project on my channel and I really hope you enjoy it.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/twitter-clone
Prisma Crash Course Video: https://youtu.be/RebA5J-rlwg
Intl Formatter Video: https://youtu.be/4oGWpTAY_hc

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00:00 – Introduction
00:00:21 – Sponsor
00:01:38 – T3 Setup
00:03:40 – PlanetScale Setup
00:09:06 – Authentication Setup
00:12:05 – Deployment Setup
00:18:03 – Prisma Schema
00:23:00 – Sidebar JSX/Styles
00:31:45 – New Tweet Form JSX/Styles
00:49:13 – New Tweet Logic
00:55:05 – Recent Tweets Server Logic
01:07:18 – Recent Tweets JSX/Styles
01:29:22 – Like Tweet Logic
01:33:05 – Cache Update Logic
01:42:03 – Recent/Following Tabs JSX/Styles
01:52:27 – Profile Page Server Logic
02:05:42 – Profile Page JSX/Styles
02:16:35 – Follow Button Logic
02:22:22 – SSG Revalidation Logic

#T3 #WDS #NextJS