10h 27mCreate an E-Commerce Store using Next.js
Source code
FreeThe complete source code is free. Clone the repository and build along with the tutorial.
About this tutorial
🌟 Hey Everyone, Welcome back to the Channel. Today we are going to build an E-Commerce Store which has an admin dashboard and a storefront. To build/create this whole video we will use the newest tech on the market which means: Next.js, Kinde-Auth, Neon, Prisma, Stripe, Tailwindcss, Shadcn/UI, Vercel, Upstash and much more. This is a Full Stack tutorial, which means we will build everything from start to finish!
Features:
🌐 Next.js App Router
🔐 Kinde Authentication with MFA
📧 Passwordless Auth
🔑 OAuth (Google and GitHub)
💰Payments using Stripe
🪝 Implementation of Stripe Webhooks
💿 Neon Database
💨 Prisma Orm
🚀 Upstash Redis for Cart functionality
📈 Recharts for displaying Charts
✅ Server Validation using Zod and Conform
🗂️ File Upload with Uploadthing
🎨 Styling with Tailwindcss and Shadcn UI
😶🌫️ Deployment to vercel
Source code
FreeThe complete source code is free. Clone the repository and build along with the tutorial.
After the tutorial
Wiring Stripe by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Stripe billing and entitlements already wired in.
From $199 · one-time payment · lifetime updates
Related tutorials
View all
8h 3mCreate a Digital Marketplace using Next.js 14
🚀 Today we are going to create a Digital Marketplace using Next.js 14, Stripe Connect, Kinde, Prisma, Supabase, and Tailwind! Learn step-by-step and elevate your development skills.
10h 4mTanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.
TanStack Start has gained a lot of popularity recently, and for good reason. It's a game-changing framework offering end-to-end type safety while being one of the fastest on the market. In this tutorial, you'll learn everything there is to know about TanStack Start from A to Z. We'll cover the architecture, take a deep dive into routing, server functions, middleware, server routes, metadata and meta tags, data fetching, authentication, deployment, and much more. This isn't just a light overview, it's a deep dive covering all the key concepts in detail. By the end, you'll know how to build fast, secure, and well-optimized production-grade TanStack Start applications.
14h 2mCreate a Scheduling Platform using Next.js 15
In this video, we are going to build a full stack scheduling application from complete scratch using the best tech on the market. This includes Next.js, Nylas, Supabase Postgres, Prisma, Tailwind CSS, Auth.js, Shadcn/UI, Vercel, Conform and much more. This is a full-stack tutorial, which means we will build everything from start to finish!