Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
How To Create A Social Media App Using The T3 Stack - Next.js, React, Tailwind, Prisma, TypeScript
Play lesson

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

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)
12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

  • 43.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

FAQs

Course Hive
Download CourseHive
Keep learning anywhere