Next.js 电子商务 – 从头开始构建购物平台
使用 Next 15、React 19、TypeScript、PostgreSQL 和 Prisma 构建真实的电子商务网站
讲师:Brad Traversy
双语IT资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
您将学到什么
- 从零开始构建专业的电子商务网站
- PayPal、Stripe 和货到付款选项
- 学习 Next 15、React 19、PostgreSQL、Prisma、TypeScript 和 Zod
- 完整身份验证、管理区域、审核系统、特色项目、排序、搜索过滤器、用户个人资料、图像上传等
- 使用 Vercel 和 Git 进行持续部署
- 购物车、会话、JWT 和 cookies
- 学习如何使用 TypeScript 编写 TypeSafe 代码、使用 Zod 进行验证以及使用 React Hook Form 轻松进行表单管理
- 完整的管理仪表板,包含统计数据和月度销售图表以及产品、订单和用户管理
探索相关主题
- Next.js
- Web 开发
- 发展
要求
- 你应该了解 JavaScript 和 React 的基础知识
描述
如果您想将 React 技能提升到一个新的水平,并学习如何在实际项目中使用 Next.js,那么本课程非常适合您。我们使用 Next.js、TypeScript 和许多其他技术来创建“Prostore”。一个功能齐全的购物平台,具有评论、PayPal 和 Stripe 集成、电子邮件收据等功能。
本课程适合已经了解 React 的人。了解 Next.js 基础知识会更好。您将学习如何结合使用多种不同的技术来创建一个完整的项目,然后可以在您的作品集中展示该项目。
以下是我们将要使用的一些技术和库的列表:
-
Next.js v15
-
React v19
-
TypeScript
-
ES 棉绒
-
PostgreSQL
-
棱镜
-
佐德
-
下一步验证
-
React Hook 表单
-
PayPal 和 Stripe API
-
ShadCN用户界面
-
Tailwind CSS
-
重新图表
-
上传内容
-
笑话
虽然这是一门基于项目的课程,但它并不是简单的“看我编码”。我会详细解释我正在做的事情,这样你就能理解,而不是仅仅抄袭。然后你可以利用这些知识来创建自己的精彩项目。
以下是课程部分的完整大纲:
1. 介绍——我解释课程内容并讨论项目和堆栈。
2. 应用程序创建和基本布局 – 我们创建应用程序、布局、设置 ShadCN UI 并学习如何使用 UI 组件、创建主题切换器、加载和未找到页面、显示一些示例数据。
3. 数据库、Prisma 和产品展示 – 我们设置了 Neon PostgreSQL 数据库和 Prisma ORM。我们学习创建模型和迁移以及如何播种数据并从数据库中获取产品。
4. 使用 Next Auth 进行身份验证 – 我们使用 Next Auth 库创建完整的身份验证
5. 添加到购物车 – 创建一个具有数据库和会话集成的购物车系统。
6.. 购物车和送货页面 – 我们从购物车页面摘要和送货地址表格开始结帐流程。
7. 付款方式和订单页面 – 我们在结账流程中创建其他页面。
8. PayPal Payments – 集成 PayPal API。我们甚至使用 JEST 进行了一些单元测试。
9. 订单历史和用户资料 – 创建包含订单列表和资料更新页面的用户区域。
10. 管理仪表板 – 我们从管理区域和概览页面开始
11. 管理产品和图像上传 – 我们从管理员管理产品并使用 Uploadthing 实现图像上传。
12. 管理员用户和搜索 – 从管理员管理用户并在管理员中实现对产品、订单和用户的搜索。
13. 抽屉、轮播和搜索 – 我们创建类别抽屉、特色产品轮播,然后处理主要产品搜索过滤器。
14. 评级和评论——我们创建了评级和评论系统。
15. Stripe Payments——使用 Srtipe API 和一些软件包来添加条纹支付。
16. 电子邮件购买收据 – 我们使用重新发送服务通过应用程序发送电子邮件。
17 – 主页组件和总结 – 我们添加了一些主页组件,然后总结课程。
本课程适合哪些人:
- 想要更进一步创建专业级平台的 React 开发人员
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。