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

Web Dev Simplified 146,458 2 years ago

Video Not Working? Fix It Now

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

Comment