Next.Js 15 & Supabase - Organic Foods Marketplace App

Build a Full-Stack Organic Foods Marketplace with Next.js 15, Supabase, Shadcn , Tailwind CSS , Clerk and Zustand etc.

What you'll learn

Build a Full-Stack Organic Foods Marketplace using Next.js 15, Supabase, and Shadcn from scratch.

Implement Secure Authentication & User Roles with Clerk and Supabase for admins, sellers, and customers.

Develop Advanced E-Commerce Features, including product management, search and filtering, shopping cart, and order processing.

Integrate Secure Payment Processing using Stripe for seamless checkout transactions.

Requirements

Basic knowledge of Next.js

Description

Welcome to the Next.js v15 Organic Foods Marketplace with Supabase and Shadcn course!Are you ready to take your full-stack development skills to the next level? In this hands-on, project-based course, you’ll build a fully functional, modern e-commerce marketplace using Next.js 15, Supabase, Shadcn, Clerk, Stripe, Zustand, and more.Whether you're a beginner looking to enhance your portfolio or an experienced developer wanting to master the latest tech stack, this course will provide you with everything you need to build and deploy a real-world e-commerce platform.What You Will LearnBuild a secure authentication system with Clerk and SupabaseCreate user-friendly dashboards for admins, sellers, and customersImplement multi-role management (admin, seller, customer)Develop a complete product management system with CRUD functionalityEnable product image uploads with Supabase StorageImplement advanced search and filtering using Supabase's full-text searchBuild a shopping cart system with Zustand state managementIntegrate secure payments with Stripe checkoutManage orders for customers and sellersDesign a responsive and modern UI with Shadcn and Tailwind CSSFollow real-world best practices for building scalable applicationsDeploy the project to Vercel with a custom domainTech Stack CoveredNext.js 15 – A powerful React framework for the frontendSupabase – A backend, database, and storage solutionShadcn – A modern design system for UI componentsTailwind CSS – Utility-first styling for a responsive designClerk – Authentication and user managementZustand – Lightweight and efficient state managementStripe – Secure and seamless payment processingVercel – Fast and easy deploymentBy the end of this course, you’ll have the skills to build and launch a fully functional e-commerce marketplace.Enroll now and start building!

Overview

Section 1: Introduction

Lecture 1 Create next app

Lecture 2 Install and setup shadcn

Lecture 3 Shadcn theme

Section 2: Authentication with Clerk

Lecture 4 Homepage

Lecture 5 Install and setup shadcn

Lecture 6 Add sign-in and sign-up components

Lecture 7 Style clerk components

Lecture 8 Sign-up , Sign-in , Sign-out

Lecture 9 Access clerk user object

Lecture 10 Protecting private routes

Section 3: Save user to supabase

Lecture 11 Supabase setup

Lecture 12 Create user_profiles table

Lecture 13 Save user

Section 4: Layout

Lecture 14 Layout structure

Lecture 15 Header

Lecture 16 Menu items - part 1

Lecture 17 Menu items - part 2

Lecture 18 Manual logout

Lecture 19 Showing spinner

Lecture 20 Global store

Section 5: Products CRUD

Lecture 21 Products module intro

Lecture 22 Products folder structure

Lecture 23 Product form - part 1

Lecture 24 Product form - part 2

Lecture 25 Save product images to supabase storage

Lecture 26 Add product

Lecture 27 Display products

Lecture 28 Edit product

Lecture 29 Delete product

Section 6: Homepage

Lecture 30 Display products in homepage

Lecture 31 Product card styling

Lecture 32 Products cart store setup

Lecture 33 Cart actions

Section 7: Cart page

Lecture 34 Cart page - part 1

Lecture 35 Cart page - part 2

Lecture 36 Cart page - part 3

Section 8: Filters in homepage

Lecture 37 Filters UI

Lecture 38 Filters Logic

Section 9: Addresses

Lecture 39 Addresses table and folder structure

Lecture 40 Addresses form

Lecture 41 Display addresses

Section 10: Checkout page

Lecture 42 Show and select address

Lecture 43 Stripe intro

Lecture 44 Stripe install and setup

Lecture 45 Payment intent api

Lecture 46 Payment form - part 1

Lecture 47 Save order

Section 11: Orders

Lecture 48 Orders intro and data prerequisites

Lecture 49 Fetch user orders

Lecture 50 Display orders of users

Lecture 51 Display order details

Lecture 52 Display ordered items of seller

Lecture 53 Cancel order

Section 12: Admin

Lecture 54 Show orders

Lecture 55 Show users

Lecture 56 Show and sellers

Frontend and Full-Stack Developers who want to learn how to build and deploy a complete e-commerce marketplace.,Beginners in Web Development looking for a structured, hands-on project to add to their portfolio.