Full Stack eBay Clone with Next.js 13, React, SupaBase, Tailwind CSS, Prisma, Stripe, E-commerce

🚀 Full Stack eBay Clone with Next.js 13, React JS, SupaBase, TailwindCSS, Prisma, Stripe | Build Your Own E-commerce Platform

Welcome to our comprehensive tutorial where we’ll guide you step-by-step in creating your very own Full Stack eBay Clone from scratch using the latest and most powerful web development technologies. Whether you’re an aspiring developer or an experienced pro, this project will equip you with the skills to build a high-performance E-commerce platform that rivals the best in the market.

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I’ll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Link: https://twitter.com/johnweeksdev
Thank you.

GitHub Repo: https://github.com/John-Weeks-Dev/ebay-clone

npm i @prisma/client @stripe/stripe-js @supabase/auth-helpers-nextjs @supabase/auth-helpers-react @supabase/auth-ui-react @supabase/auth-ui-shared @supabase/supabase-js debounce moment react-icons react-responsive-carousel react-toastify stripe prisma

00:00 – eBay clone demonstration | Next.js 13 | Tailwind CSS | Supabase | Stripe | Prisma | javascript | E-commerce
05:12 – Project setup
10:16 – MainLayout Component
29:35 – Carousel Component / react-responsive-carousel
32:35 – Products page and product component
39:40 – Product page
45:33 – Similar Products Component
48:47 – Cart page
55:30 – Checkout page
1:04:02 – Success page
1:06:13 – Orders page
1:10:40 – Auth page
1:14:38 – Address page
1:18:52 – SupaBase, Prisma, and Google Cloud Setup
1:30:00 – Auth callback
1:35:15 – User Context and login
1:44:43 – Cart Context
1:54:09 – Middleware / Protected Routes
1:56:57 – API Section / Creating the API endpoints
2:10:55 – Finishing the address page
2:32:07 – Finishing the cart page
2:36:32 – Finishing the orders page
2:40:27 – Finishing the product page
2:42:36 – Finishing the main page
2:43:39 – Finishing the SimilarProducts Component
2:44:57 – Finishing the search input
2:51:26 – Stripe Setup and Finishing the checkout page
3:08:34 – App Final Check
3:12:14 – Thanks for watching! LIKE! SUBSCRIBE! BELL!

#nextjs13
#reactjs
#supabase