Build and Deploy: TWITTER Clone with Next, Auth, Prisma, Neon, Tailwind & Stripe (2024) | Part 1/2
ฝัง
- เผยแพร่เมื่อ 12 ต.ค. 2024
- 👋 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 - • Build and Deploy: TWIT...
🙌 Support my work: buymeacoffee.c... ☕️
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/su...
🐦 Follow us on Twitter: x.com/techwith...
🖼️ 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 1/2
🚀Live Deployed Version
👉social-x-clone...
💻👉 Access the course files on GitHub:
Course files: github.com/Tec...
💻👉 Tailwind CSS Full Course | Build an AI Saas Website:
on TH-cam: • Tailwind CSS Full Cour...
💻👉 Zustand FULL COURSE in 2024:
on TH-cam: • Zustand FULL COURSE in...
💻👉 Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!:
on TH-cam: • Shadcn ui Crash Course...
💻👉 VSCode Productivity Tips and Keyboard Shortcuts:
on TH-cam: • 15 Essential VSCode Pr...
💻👉 Chakra UI React for Beginners:
on TH-cam: • Chakra UI For Beginner...
💻👉 React Tutorial:
on TH-cam: • 2023 Master ReactJS Wi...
🗝️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 - nextjs.org/
🔗👉AuthJS - authjs.dev/
🔗👉Neon - neon.tech/
🔗👉Prisma - www.prisma.io/
🔗👉UploadCare - uploadcare.com/
🔗👉ReactQuery - tanstack.com/q...
🔗👉Zustand - zustand.docs.p...
🔗👉TailwindCSS - tailwindcss.com/
🔗👉Shadcn UI - ui.shadcn.com/...
🔗👉Stripe - stripe.com/
🔗👉Stripe Test Cards - docs.stripe.co...
🙌 Support my work: buymeacoffee.c... ☕️
💻👉Like & Subscribe To the Channel
Channel: tinyurl.com/su...
⭐ Build and Deploy TWITTER clone with Tailwind, Nextjs, Prisma, Neon, NextAuth, Uploadcare, Stripe & Vercel (2024)
Skip this:
Awesome build. ... Next car rental web application or marketplace web application 😊
Awesome project with great tech stack
Great work sir
Excelente proyecto.
Neon's website doesn't open in Nigeria. Did you use a vpn?
Click on the github url and select markdown/database.md. ... you will see the instruction there