How to Create a Social Media App Using the T3 Stack - Next.js, React, Tailwind, Prisma, TypeScript

Overview

Learn how to build a social media application using the T3 stack, which includes Next.js, React, Tailwind CSS, Prisma, and TypeScript. This comprehensive tutorial covers everything from setting up the development environment to implementing advanced features like authentication, real-time updates, and server-side rendering. Explore the process of creating a Twitter-like platform, including user profiles, tweet functionality, likes, and follow systems. Gain hands-on experience with modern web development tools and best practices while building a fully functional social media app from scratch.

Syllabus

- Introduction
- Sponsor
- T3 Setup
- PlanetScale Setup
- Authentication Setup
- Deployment Setup
- Prisma Schema
- Sidebar JSX/Styles
- New Tweet Form JSX/Styles
- New Tweet Logic
- Recent Tweets Server Logic
- Recent Tweets JSX/Styles
- Like Tweet Logic
- Cache Update Logic
- Recent/Following Tabs JSX/Styles
- Profile Page Server Logic
- Profile Page JSX/Styles
- Follow Button Logic
- SSG Revalidation Logic