如果你想将你的 React 技能提升到一个新的水平，并学会在实际项目中使用 Next.js，那么这就是为你准备的课程。我们正在使用 Next.js、TypeScript 和许多其他技术来创建“Prostore”。一个功能齐全的购物平台，包含评论、PayPal 和 Stripe 集成、电子邮件收据等。

本课程适合已经了解 React 的人。了解 Next.js 的基础知识甚至更好。您将学习如何结合使用许多不同的技术来创建一个完整的项目，然后可以显示在您的投资组合中。

以下是我们将使用的一些技术和库的列表：

• Next.js v15

• React v19

• TypeScript 

• ES Lint

• PostgreSQL 

• Prisma

• Zod

• Next Auth

• React Hook Form

• PayPal & Stripe API

• ShadCN UI

• Tailwind CSS

• Recharts

• Uploadthing

• Jest

尽管这是一门基于项目的课程，但它不仅仅是 “watch me code”。我将详细解释我正在做什么，以便您能够理解而不仅仅是复制。然后，您可以使用这些知识创建自己的出色项目。

以下是课程部分的完整概述：

1. 简介 – 我解释了这门课程的内容，然后我们回顾了项目和堆栈。

2. 应用程序创建和基本车床 – 我们创建我们的应用程序，布局，设置ShadCN UI并学习如何使用UI组件，创建主题切换器，加载和未找到的页面，显示一些示例数据。

3. 数据库、Prisma和产品展示 – 我们设置了我们的Neon PostgreSQL数据库和Prisma ORM。我们学习创建模型和迁移，以及如何为数据设定种子并从数据库中获取产品。

4. 使用 Next Auth 进行身份验证 – 我们使用 Next Auth 库创建完全身份验证

5. 添加到购物车 – 创建具有数据库和会话集成的购物车系统。

6.. 购物车和发货页面 – 我们从购物车页面摘要和发货地址表格开始结账过程。

7. 付款方式和订单页面 – 我们在结账过程中创建其他页面。

8. PayPal 付款 – 集成 PayPal API。我们甚至使用 JEST 进行了一些单元测试。

9. 订单历史和用户资料 – 创建包含订单列表和资料更新页面的用户区域。

10. 管理仪表板 – 我们从管理区域和概述页面开始

11. 管理产品和图片上传 – 我们从管理员那里管理产品，并使用Uploadthing实施图片上传。

12. 管理员用户和搜索 – 从管理员管理用户，并在管理员中实施产品、订单和用户的搜索。

13. 抽屉、轮播和搜索 – 我们创建一个类别抽屉、特色产品轮播，然后处理主要的产品搜索过滤器。

14. 评分和评论 – 我们创建评分和评论系统。

15. Stripe Payments – 使用 Srtipe API 和一些软件包来宣传 Stripe 支付。

16. 电子邮件购买收据 – 我们使用 Resend 服务通过应用程序发送电子邮件。

17 – 主页组件和总结 – 我们添加更多的主页组件，然后结束课程。