使用 Next.js 15、Supabase和Stripe建造一个全栈租赁市场

欢迎来到租赁设备市场课程！

您是否准备好从头开始，使用最现代的网页开发工具构建一个功能完善的租赁设备市场平台？本课程旨在通过一步步的实践，指导您创建一个现实世界中的、生产就绪的应用程序，包含认证、管理员和用户仪表盘、支付、过滤、图像上传等功能。

无论您是想构建第一个全栈应用的初学者，还是希望提升 Next.js 和 Supabase 技能的资深开发者，本课程都会带您完成每一个步骤。

MP4 | 视频：h264，1920×1080 | 音频：AAC，44.1 KHz
语言：英语 | 大小：3.92 GB | 时长：6 小时 33 分钟

技术栈
您将使用由顶尖初创公司和企业广泛采用的强大且现代的技术栈：

• 前端：Next.js 15（带应用程序路由器）
• 后端：Next.js 服务器操作
• 数据库：Supabase
• 存储：Supabase 存储
• 认证：从头开始构建，支持基于角色的访问控制（管理员和用户）
• 支付：集成 Stripe
• 状态管理：Zustand
• UI & 样式：Shadcn UI 和 Tailwind CSS
• 图标：Lucide React
• 部署：Vercel

课程内容（课程大纲）

• 设置 Next.js 15 项目并集成 Tailwind CSS 和 Shadcn UI
• 创建 Supabase 项目并将其集成到 Next.js 应用中
• 从头开始构建自定义认证，支持基于角色的访问控制（管理员和用户）
• 管理员功能：创建、更新和删除类别
• 管理员功能：创建、更新和删除物品
• 管理员仪表盘：访问租赁历史、用户和客户
• 使用 Supabase 存储支持每个物品的多图像上传
• 交互式管理员仪表盘，提供物品、类别和租赁的概览
• 用户界面：浏览所有物品和类别
• 支持用户对物品的过滤、搜索和排序
• 实时物品可用性检查和租赁流程，集成 Stripe 支付
• 用户可以查看已租赁的物品和租赁历史
• 用户可以在租赁期开始前取消租赁
• 个性化的用户仪表盘，显示租赁历史和当前租赁
• 将全栈应用程序部署到 Vercel

课程结束时，您将获得

• 一个部署到互联网的功能完善的租赁市场平台
• 使用最新的 JavaScript 生态系统工具构建和扩展类似全栈应用程序的知识

课程要求

• 基本的 JavaScript 和 React 知识是推荐的
• 熟悉现代网页开发概念（组件、钩子、状态）会很有帮助
• 配备互联网连接的电脑和代码编辑器（如 VS Code）
• 学习并构建真实世界项目的意愿

概述
第 1 节：简介

讲座 1 创建下一个应用程序

讲座 2 Shadcn 设置

讲座 3 Shadcn 主题

第 2 部分：身份验证 – UI

第四讲主页

第五讲 登录页面

第 6 讲 注册页面

第 3 部分：身份验证后端和数据库

讲座 7 Supabase 设置

第 8 讲 用户表

第九讲 注册用户api

第十讲 注册api集成

第 11 讲 登录 API

第 12 讲 登录 API 集成

第13讲 显示登录用户

第 14 讲 退出

第15讲 私人路线和公共路线

第四节 私人路线布局

第16讲 布局介绍

第 17 讲 布局标题 – 1

第 18 讲 布局标题 – 2

第 19 讲 布局侧边栏

讲座 20 添加旋转器/加载器

第 5 部分：类别后端

第 21 讲 类别模块介绍

讲座 22 类别服务器操作

第 6 部分：类别前端

第23讲 分类形式 – 1

第24讲 分类形式 – 2

第 25 讲 添加类别

讲座 26 显示类别

第 27 讲 编辑分类

第28讲 删除类别

第 7 部分：商品后端

第29讲 模块介绍

讲座 30 项服务器操作

第 8 部分：项目前端

第 31 讲 简介

第32讲 项目形式

第 33 讲 添加项目

讲座 34 展示项目

讲座35 编辑和删除项目

第 9 部分：租赁物品

第 36 讲 显示项目 – 1

第 37 讲 显示项目 – 2

第 38 讲 商品信息页面

第 10 部分：支付网关和订单下达

第 39 讲 Stripe 简介

讲座 40 Stripe 支付意向

讲座 41 Stripe 结账表单

讲座42 Stripe完成支付

讲座43 节省租金/订单

讲座 44 物品可用性和验证