YoVDO

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

Offered By: Web Dev Simplified via YouTube

Tags

Next.js Courses Web Development Courses React Courses Typescript Courses Web Application Development Courses JSX Courses Prisma Courses

Course Description

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


Taught by

Web Dev Simplified

Related Courses

NestJs Course for Beginners - Create a REST API
freeCodeCamp
Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod
freeCodeCamp
Azure SQL - October 2021 New Updates and Features
Microsoft via YouTube
Remix Crash Course - Full Stack React
Traversy Media via YouTube
API Reading and Updating - Sending Dynamic Route Parameters from Remix to Prisma
Linode via YouTube