Next.js MySQL Socket.io Social X App Tutorial | Full-Stack Social Media App, Real-Time Notifications
Full-Stack social network application project tutorial with React Next.js 15.
Get Hostinger Discount: https://hostinger.com/lamadev10 Coupon Code: LAMADEV
Clerk Authentication: https://go.clerk.com/TfpIxLE
You are watching the 2nd part.
Watch the 1st part (Design): • Next.js 15 X/Twitter Social Media App...
If it is valuable to you, you can join Lama Dev: / @lamadev
Source Code:
Start here: https://github.com/safak/x-clone-ui
Completed: https://github.com/safak/x-clone
Join Lama Dev groups
X / Twitter: https://x.com/lamawebdev
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
Deployment console codes: https://github.com/safak/youtube/tree... (Step 1 to Step 6) (You can also check the PM2 step)
00:00 Introduction
03:22 Installation
05:55 Planning a Social Media App & Database Design
10:35 Prisma ORM Tutorial
11:44 Docker Creating a MySQL Database
14:50 Prisma Tables and Relationships Tutorial
17:19 Prisma Social Media App Database Schema
27:58 Prisma migrate, studio, generate, and Prisma Client
36:03 How to Seed Prisma Database
39:08 Next.js 15 Data Fetching on Server Components
40:35 Authentication
41:57 Next.js 15 Clerk Auth Tutorial
50:47 Clerk Elements Tutorial (Create a Custom Sign-in and Sign-up Components)
01:16:44 Fetching Posts (Social Media app Feed Posts)
01:24:46 Next.js 15 Infinite Scrolling Tutorial
01:28:48 Next.js 15 React Query Tutorial (Tanstack Query)
01:33:23 Next.js Infinite Scrolling with React Query
01:46:30 Adding the Post Data to Post Component
01:49:14 Advanced Prisma Queries
02:06:00 Social Media App User Profile Page Data
02:13:57 User Friend/Follow Recommendation Logic
02:19:16 Social Media App Fetching Single Post Page Data
02:22:59 Social Media App Fetching Post Comments
02:26:56 Adding User to Database after the Clerk Authentication
02:27:21 Next.js 15 Clerk Webhooks Tutorial
02:38:12 Next.js 15 Server Actions Tutorial
02:38:59 Next.js Like Button with Server Actions and useOptimistic Hook
02:44:03 React/Next.js useOptimistic Tutorial
02:52:02 Other Data Mutations with Server Actions
02:58:39 Next.js 15 useActionState Hook Tutorial with Server Actions
03:04:25 Next.js Form Validation with Zod, Server Actions, and useActionState
03:10:38 Create a New Post with Server Actions and useActionState
03:26:55 Following a User with Next.js Server Actions and Prisma
03:31:29 Next.js Socket.io Tutorial 2025
03:33:17 Next.js 15 Real-time Notification with Socket.io
03:44:24 Sending Real-time Notifications when Like, Comment or Follow
04:06:28 Debugging and Fixing the Problems
04:11:46 How to Deploy Full-Stack Next.js Application to a VPS
04:22:04 Outro
Watch video Next.js MySQL Socket.io Social X App Tutorial | Full-Stack Social Media App, Real-Time Notifications online without registration, duration hours minute second in high quality. This video was added by user Lama Dev 29 January 2025, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,279 once and liked it 605 people.