Loading video player...
In this video, I'll walk you through ShopCart Pro, a production-ready e-commerce platform built with the latest web technologies: Next.js 16 (Turbopack), React 19, Sanity CMS, Clerk Authentication, and Stripe. I will show you all the amazing features, from the dynamic product animations to the secure checkout process. Plus, I'll guide you step-by-step on how to set up your environment variables for Sanity, Clerk, and Firebase so you can run this project locally! š Important Links šļø Purchase Premium Source Code: https://buymeacoffee.com/reactbd/e/475244 š Live Demo: https://shopcartpro.reactbd.com š» Free Source Code (GitHub): https://www.reactbd.com/projects/complete-e-commerce-platform-with-admin-and-employee-dashboards š Technologies Used Framework: Next.js 16 (App Router + Turbopack) Language: TypeScript Styling: Tailwind CSS 4 + Framer Motion CMS: Sanity Studio Auth: Clerk (User & Admin Management) Database: Firebase & Sanity Payments: Stripe & Clerk Payments ā³ Timestamps 0:00 - Intro & Project Overview 3:20 - ShopCart Pro Features Demo 9:45 - Starting the Code setup 21:10 Sanity CMS Setup Start 29:10 Clerk Setup Start 36:40 Firebase Setup Start 43:00 Stripe Setup Start 50:00 Webhook Setup 56:25 Product Review Test 59:10 Message & Conclusion šØāš» Support the Project If you found this video helpful, please Like, Subscribe, and Share! Detailed setup instructions are also available in the repository's SETUP.md file. Support me on Buy Me a Coffee: https://buymeacoffee.com/reactbd #nextjs #reactjs #ecommerce #webdevelopment #coding #programming #sanitycms #clerk #stripe #tailwindcss #typescript #fullstack #react19 #shopcartpro