Completed
01:33:23 Next.js Infinite Scrolling with React Query
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Building a Full-Stack Social Media App with Next.js, MySQL, and Socket.io - Real-Time Notifications
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 Introduction
- 2 03:22 Installation
- 3 05:55 Planning a Social Media App & Database Design
- 4 10:35 Prisma ORM Tutorial
- 5 11:44 Docker Creating a MySQL Database
- 6 14:50 Prisma Tables and Relationships Tutorial
- 7 17:19 Prisma Social Media App Database Schema
- 8 27:58 Prisma migrate, studio, generate, and Prisma Client
- 9 36:03 How to Seed Prisma Database
- 10 39:08 Next.js 15 Data Fetching on Server Components
- 11 40:35 Authentication
- 12 41:57 Next.js 15 Clerk Auth Tutorial
- 13 50:47 Clerk Elements Tutorial Create a Custom Sign-in and Sign-up Components
- 14 01:16:44 Fetching Posts Social Media app Feed Posts
- 15 01:24:46 Next.js 15 Infinite Scrolling Tutorial
- 16 01:28:48 Next.js 15 React Query Tutorial Tanstack Query
- 17 01:33:23 Next.js Infinite Scrolling with React Query
- 18 01:46:30 Adding the Post Data to Post Component
- 19 01:49:14 Advanced Prisma Queries
- 20 02:06:00 Social Media App User Profile Page Data
- 21 02:13:57 User Friend/Follow Recommendation Logic
- 22 02:19:16 Social Media App Fetching Single Post Page Data
- 23 02:22:59 Social Media App Fetching Post Comments
- 24 02:26:56 Adding User to Database after the Clerk Authentication
- 25 02:27:21 Next.js 15 Clerk Webhooks Tutorial
- 26 02:38:12 Next.js 15 Server Actions Tutorial
- 27 02:38:59 Next.js Like Button with Server Actions and useOptimistic Hook
- 28 02:44:03 React/Next.js useOptimistic Tutorial
- 29 02:52:02 Other Data Mutations with Server Actions
- 30 02:58:39 Next.js 15 useActionState Hook Tutorial with Server Actions
- 31 03:04:25 Next.js Form Validation with Zod, Server Actions, and useActionState
- 32 03:10:38 Create a New Post with Server Actions and useActionState
- 33 03:26:55 Following a User with Next.js Server Actions and Prisma
- 34 03:31:29 Next.js Socket.io Tutorial 2025
- 35 03:33:17 Next.js 15 Real-time Notification with Socket.io
- 36 03:44:24 Sending Real-time Notifications when Like, Comment or Follow
- 37 04:06:28 Debugging and Fixing the Problems
- 38 04:11:46 How to Deploy Full-Stack Next.js Application to a VPS
- 39 04:22:04 Outro
