Next.js complete social media application with responsive design and Supabase, Prisma, Clerk.js, and Webhooks. React.js and Next.js full course.
The project is surely suitable for beginners.
Support me on :
https://www.patreon.com/zainkeepscode
https://www.buymeacoffee.com/zainkeepscode
📚 Materials/References:
Complete source code:
https://github.com/ZainRk/socialhop
Time Stamps 👇
00:00 Introduction
02:20 Installation
05:56 Antd setup
09:17 Clerk.js setup
39:20 Theme setup
57:16 Header
01:06:40 Sidebar
01:45:30 Supabase & Prisma setup
01:54:20 Authentication architecture
02:00:20 Webhook setup
02:34:45 Post Generator
03:34:18 Feed Posts
04:13:35 Like Button
04:41:35 Comment component
05:07:34 Trends component
05:29:34 Profile page
06:06:13 Profile tab
06:22:11 Follow Suggestions
07:11:30 Followers & Followings Tabs
07:22:00 Personalized Feed/Posts
07:36:57 Deployment
07:46:32 Outro
More Tutorials:
React Responive Portfolio Website tutorial:
https://youtu.be/CKAn5dCK6RE
Reactjs Tailwindcss Music App Landing page:
https://youtu.be/2AFZDxg3Aww
Reactjs Ecommerce Store tutorial for beginners:
https://youtube.com/playlist?list=PLWEkllwWIwsCORjeytjTu3-Pr8jswdcYU
React Sidebar Tutorial:
https://youtu.be/6Ag9jB66Z8g
INSTAGRAM :
https://www.instagram.com/zainkeepscode/
FACEBOOK:
https://www.facebook.com/Zainkeepscode-107570835240033
#reactjs #fullstack #webdevelopment #zainkeepscode