wowojeh111
MyBoerse.bz Pro Member
Next.Js 15 & Supabase - Rental Equipment Marketplace App
Published 5/2025
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.92 GB | Duration: 6h 33m
Build a Fullstack Rental Marketplace Using Next.js 15, Supabase, and Stripe
What you'll learn
Build a fullstack web application using Next.js 15 App Router and Supabase from start to deployment.
Implement custom authentication and role-based access control without relying on third-party auth libraries.
Create dynamic admin and user dashboards with real-time data, filtering, and user-specific content.
Integrate Stripe for secure and smooth payment processing during item rentals.
Manage file uploads using Supabase Storage and support multiple images per item.
Deploy a production-ready application on Vercel with environment configuration and live testing.
Requirements
Basic understanding of JavaScript and React is recommended
Familiarity with modern web development concepts (components, hooks, state) will be helpful
A computer with internet access and a code editor like VS Code
Willingness to learn and build a real-world project step by step
Description
Welcome to the Rental Equipment Marketplace CourseAre you ready to build a full-featured rental equipment marketplace from scratch using the most modern web development tools? This course is designed to take you step-by-step through creating a real-world, production-ready application that includes authentication, admin and user dashboards, payments, filtering, image uploads, and more.Whether you're a beginner looking to build your first fullstack app or an experienced developer wanting to sharpen your Next.js and Supabase skills, this course will guide you through every part of the process.Tech StackYou'll be working with a powerful and modern tech stack used by top startups and companies:Frontend: Next.js 15 with App RouterBackend: Next.js Server ActionsDatabase: SupabaseStorage: Supabase StorageAuthentication: Built from scratch with role-based access (admin and user)Payments: Stripe IntegrationState Management: ZustandUI & Styling: Shadcn UI and Tailwind CSSIcons: Lucide ReactDeployment: VercelWhat You'll Build (Curriculum)Set up a Next.js 15 project with Tailwind CSS and Shadcn UICreate a Supabase project and integrate it into the Next.js appBuild custom authentication with role-based access (admin and user)Admin features to create, update, and delete categoriesAdmin features to create, update, and delete itemsAdmin dashboard with access to rental history, users, and customersSupport for multiple image uploads per item using Supabase StorageInteractive admin dashboard with overview of items, categories, and rentalsUser interface to browse all items and categoriesFiltering, searching, and sorting of items by usersReal-time item availability check and rent flow with Stripe payment integrationUsers can view their rented items and rental historyUsers can cancel rentals before the rental period beginsPersonalized user dashboard with rental history and current rentalsDeploy your fullstack application to VercelOngoing Q&A support throughout the courseBy the end of this course, you'll have a fully functional rental marketplace deployed to the web, and the knowledge to build and scale similar fullstack applications using the latest tools in the JavaScript ecosystem.Enroll now and start building something amazing.
Overview
Section 1: Introduction
Lecture 1 Create next app
Lecture 2 Shadcn setup
Lecture 3 Shadcn theming
Section 2: Authentication - UI
Lecture 4 Homepage
Lecture 5 Login page
Lecture 6 Register page
Section 3: Authentication Backend and Database
Lecture 7 Supabase setup
Lecture 8 Users table
Lecture 9 Register user api
Lecture 10 Register api integration
Lecture 11 Login api
Lecture 12 Login api integration
Lecture 13 Display logged-in user
Lecture 14 Logout
Lecture 15 Private routes and public routes
Section 4: Layout for private routes
Lecture 16 Layout intro
Lecture 17 Layout header - 1
Lecture 18 Layout header - 2
Lecture 19 Layout sidebar
Lecture 20 Adding spinner / loader
Section 5: Categories Backend
Lecture 21 Categories module intro
Lecture 22 Categories server actions
Section 6: Categories Frontend
Lecture 23 Category form - 1
Lecture 24 Category form - 2
Lecture 25 Add category
Lecture 26 Display categories
Lecture 27 Edit category
Lecture 28 Delete category
Section 7: Items Backend
Lecture 29 Items module intro
Lecture 30 Items server actions
Section 8: Items Frontend
Lecture 31 Intro
Lecture 32 Item form
Lecture 33 Add item
Lecture 34 Display items
Lecture 35 Edit and delete item
Section 9: Rent items
Lecture 36 Displaying items - 1
Lecture 37 Displaying items - 2
Lecture 38 Item info page
Section 10: Payment gateway and order placement
Lecture 39 Stripe intro
Lecture 40 Stripe payment intent
Lecture 41 Stripe checkout form
Lecture 42 Stripe complete payment
Lecture 43 Save rent / order
Lecture 44 Items availability and validation
Frontend developers who want to transition into fullstack development using Next.js and Supabase,React and JavaScript developers looking to build a real-world, production-ready web application,Students or self-taught programmers who want hands-on experience building a rental marketplace from scratch,Freelancers and indie hackers aiming to create scalable web apps with authentication, payments, and role-based access,Developers interested in modern tools like App Router, server actions, Shadcn UI, and Stripe integration
