Build and Deploy: TWITTER Clone with Next, Auth, Prisma, Neon, Tailwind & Stripe (2024) | Part 2/2
👋 Welcome to the Ultimate 16-Hour Full-Stack X(Twitter) Clone Tutorial 2024! In this in-depth series (split into two parts), you'll build a complete X(Twitter) clone from scratch using the latest Next.js 14, NextAuth, React, Tailwind CSS, Zustand, React Query, Prisma, Neon Postgres, Uploadcare, and Stripe. 🚀 Learn how to implement user authentication (Google), image uploads, likes, reply posts, follow users, edit posts, seamless Stripe payments, and more!... Whether you're a beginner or seasoned developer, this tutorial covers everything you need to know, Perfect for mastering modern full-stack development!"
#nextjs14 #reactjs #tailwindcss #prisma #fullstackdevelopment
📺👉 Part 1 - • Build and Deploy: TWITTER Clone with Next,...
🙌 Support my work: https://buymeacoffee.com/techwithemma... ☕️
🙏🙏 Like & Subscribe To the Channel - https://tinyurl.com/subcribe-to-techw...
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: / techwithemmaofficial
⭐Build and Deploy: Twitter(X) Clone with NextJS, AuthJS, Prisma, Neon, Postgres, React Query, Zustand, Uploadcare, Tailwind & Stripe(2024) -Part 2/2
🚀Live Deployed Version
👉https://social-x-clone.vercel.app/
💻👉 Access the course files on GitHub:
Course files: https://github.com/TechWithEmmaYT/Soc...
💻👉 Tailwind CSS Full Course | Build an AI Saas Website:
on Youtube: • Tailwind CSS Full Course | Build an AI Saa...
💻👉 Zustand FULL COURSE in 2024:
on Youtube: • Zustand FULL COURSE in 2024 | Simple React...
💻👉 Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!:
on Youtube: • Shadcn ui Crash Course: Reactjs/Next.js 14...
💻👉 VSCode Productivity Tips and Keyboard Shortcuts:
on Youtube: • 15 Essential VSCode Productivity Tips and ...
💻👉 Chakra UI React for Beginners:
on Youtube: • Chakra UI For Beginner Course #1 - Introd...
💻👉 React Tutorial:
on Youtube: • 2023 Master ReactJS With This One Project
🗝️Key Features: 👇
🔐 Authentication via NextAuth (Version 5) - Google Sign-in
👤 Username Suggestions Functionality
🩷 Likes Post Functionality
🧑🤝🧑 Following People Functionality
🗨️ Comments / Reply Post Functionality
🔔 Notification System Functionality
🔎 Search Post & People Functionality
👤 User Profile (Pic, Banner & Posts)
📸 Image Upload using UploadCare
👤 User Settings Customization
💳 Premium Subscription upgrades via Stripe's
🌐 Built with Next.js 14
🎨 Styled with TailwindCSS and Shadcn UI
🪝 State management via Zustand & Tanstack React Query
💾 PostgreSQL & Prisma ORM
🚀 Deployed on Vercel
📚 Part2 - Chapters 👇
00:03:00 Users & Individual Profile
00:48:41 Edit Profile, Image Upload (Uploadcare)
02:33:24 Fetch & Create Post
04:06:26 Single Post View
04:12:10 Like Functionality
04:48:08 Follow Functionality
05:18:45 Comments
05:44:06 Notification
06:23:38 Search
07:05:10 Settings & Pro Modal
07:39:51 Payment (Stripe Integration )
🗃️Resources 👇
🔗👉NextJS - https://nextjs.org/
🔗👉AuthJS - http://authjs.dev/
🔗👉Neon - https://neon.tech/
🔗👉Prisma - https://www.prisma.io/
🔗👉UploadCare - https://uploadcare.com/
🔗👉ReactQuery - https://tanstack.com/query/latest
🔗👉Zustand - https://zustand.docs.pmnd.rs/
🔗👉TailwindCSS - https://tailwindcss.com/
🔗👉Shadcn UI - https://ui.shadcn.com/docs/installati...
🔗👉Stripe - https://stripe.com/
🔗👉Stripe Test Cards - https://docs.stripe.com/testing
🙌 Support my work: https://buymeacoffee.com/techwithemma... ☕️
💻👉Like & Subscribe To the Channel
Channel: https://tinyurl.com/subcribe-to-techw...
⭐ Build and Deploy TWITTER clone with Tailwind, Nextjs, Prisma, Neon, NextAuth, Uploadcare, Stripe & Vercel (2024)
Skip this: