Building a Full-Stack Social Media App with Next.js, MySQL, and Socket.io - Real-Time Notifications

Building a Full-Stack Social Media App with Next.js, MySQL, and Socket.io - Real-Time Notifications

Lama Dev via YouTube Direct link

04:06:28 Debugging and Fixing the Problems

37 of 39

37 of 39

04:06:28 Debugging and Fixing the Problems

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.