๐ 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 2 - https://youtu.be/xQOy5J03plM?si=uKTxWEqCLFAlKdgF ๐ Support my work: https://buymeacoffee.com/techwithemmaofficial โ๏ธ ๐๐ Like & Subscribe To the Channel - https://tinyurl.com/subcribe-to-techwithEmma ๐ฆ Follow us on Twitter: https://x.com/techwithemma ๐ผ๏ธ Follow us on Instagram: https://www.instagram.com/techwithemmaofficial โญBuild and Deploy: Twitter(X) Clone with NextJS, AuthJS, Prisma, Neon, Postgres, React Query, Zustand, Uploadcare, Tailwind & Stripe(2024) -Part 1/2 ๐Live Deployed Version ๐https://social-x-clone.vercel.app/ ๐ป๐ Access the course files on GitHub: Course files: https://github.com/TechWithEmmaYT/Social-X-Clone-Course ๐ป๐ Tailwind CSS Full Course | Build an AI Saas Website: on Youtube: https://www.youtube.com/watch?v=4LaRHJUZ_sc&t=68s ๐ป๐ Zustand FULL COURSE in 2024: on Youtube: https://www.youtube.com/watch?v=H6K4TjKI_AU ๐ป๐ Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!: on Youtube: https://www.youtube.com/watch?v=Q3hZybuD_xQ ๐ป๐ VSCode Productivity Tips and Keyboard Shortcuts: on Youtube: https://www.youtube.com/watch?v=pfPvzhdpCbA ๐ป๐ Chakra UI React for Beginners: on Youtube: https://www.youtube.com/watch?v=EhQ0ySr38kE&list=PLkq0Mx81BL7gj7P0-PIm6QxXowwaPqgkk ๐ป๐ React Tutorial: on Youtube: https://youtube.com/watch?v=bn-eV1LsALk&t=2005s ๐๏ธ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 ๐ Chapters ๐ 00:00 Intro ๐๏ธ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/installation/next ๐๐Stripe - https://stripe.com/ ๐๐Stripe Test Cards - https://docs.stripe.com/testing ๐ Support my work: https://buymeacoffee.com/techwithemmaofficial โ๏ธ ๐ป๐Like & Subscribe To the Channel Channel: https://tinyurl.com/subcribe-to-techwithEmma โญ Build and Deploy TWITTER clone with Tailwind, Nextjs, Prisma, Neon, NextAuth, Uploadcare, Stripe & Vercel (2024) Skip this: