Full-Stack Social Media App Tutorial with React 19 and Next.js 15 - MySQL Integration

Overview

Embark on a comprehensive full-stack social media application tutorial using React 19 and Next.js 15 with MySQL. Learn to build a complete social media platform from scratch, incorporating the latest React features like useOptimistic and useActionState. Dive into responsive design with Tailwind CSS, implement authentication using Clerk, and master database management with Prisma ORM. Explore advanced concepts such as server components, server actions, and webhooks. Follow along as the instructor guides you through creating key components like user stories, post cards, and profile pages. Gain hands-on experience with MySQL installation on a VPS and learn to perform CRUD operations using Prisma. By the end of this 5-hour and 55-minute tutorial, you'll have developed a fully functional social media application and acquired valuable skills in modern web development.

Syllabus

Introduction
Installing the New Version of Next.js
Social Media App Structure Backend and Database Design
Next.js 15 App Router Pages and Layout
Next.js Responsive Navbar with Tailwind
React Next.js Hamburger Menu Design
Mobile First Design with Tailwind CSS
Next.js Authentication Structure
Next.js 15 Clerk Auth Tutorial
Next.js Social Media App Homepage Design
User Stories Component Design
Social Media App New Post Component Design
React Next.js Social Media App Post Card Design
Comments Section Design
React Next.js Rightbar Menu Design
React Next.js Lefttbar Menu Design
React Next.js Social Media App User Profile Page Design
Next.js MySQL Installation with VPS
Next.js 15 Prisma CRUD Tutorial
Prisma ORM Social Media App Database Design
Next.js Prisma Server Actions Tutorial
Next.js 15 Clerk Webhook Tutorial How to Add Clerk User to Database
Next.js 15 Data Fetching on Server Components
Next.js 15 Server Actions
useOptimistic Hook Tutorial