使用 Next.js、Figma、GraphQL、PayPal 构建电子商店。
了解如何使用 React(NextJS)、HyGraph(GraphCMS)、GraphQL、Figma、Styled 组件、EmailJS、Auth0 和 PayPal
更新于 2024 年 9 月
语言 - 英语
课程 -93
资源 -1
时长 -14.5 小时
终身访问权限
课程描述
如果你是一位使用 React 的初级 Web 开发者，那么本课程非常适合你。
这是一门基于项目的课程，涵盖了从头开始构建一个全功能电子商务网站的所有步骤。
我将展示如何将所有这些技术、工具和服务结合在一个完整的项目中，我们将从创意开始，使用当今最出色的免费设计工具 Figma 来设计前端，然后使用 Hygraph 提供的出色 CMS（GraphCMS 的新品牌）来创建和管理后端的商品，然后我们将使用 GraphQL 提取商品，对于前端，我们将使用 NextJS（您可能已经知道它是个 React 框架），然后我们将使用 Auth0 实施身份验证和受保护的路由，通过 PayPal 进行支付，我们会有一个全功能的购物车页面和联系信息页面，其中有个表单，可以使用 EmailJS 真正发送电子邮件。
完成编码后，我们将把代码推送到 GitHub 上，然后将我们的 GitHub 仓库与我们的 Vercel 帐户关联起来，在 Vercel 上，我们免费在线部署我们的项目。
最棒的是，所有这些都只使用免费的工具和服务。
目标
- 本课程的目标是帮助你了解如何将 React 与其他几个服务、库和框架结合起来，以构建一个完整的电子商务网站或任何其他网站。
先决条件
了解基本的编程概念
熟悉 JavaScript、HTML、CSS 和 React 的基础知识
渴望学习和编程
课程
查看课程详细内容
Introduction
3 Lectures
-
介绍 01:38 01:38 -
介绍演示 05:30 05:30
-
课程资源
Design with Figma
7 Lectures
CMS - Create and manage the products
6 Lectures
The frontend
33 Lectures
Contact Page
8 Lectures
Building the Cart Page
17 Lectures
Authentication
4 Lectures
Payments using PayPal
9 Lectures
Final Section
6 Lectures
辅导员 详情
Igor Risteski
之前曾在 IT 行业的客户服务部门工作，但多年后，我转到了照片编辑和 Web 开发领域，我对此非常喜爱 :)
学习 Web 开发很有趣而且很轻松，但这并非易事，尤其是在开始的时候，你根本不知道去向何方...，这也正是决定向初学者提供帮助的原因，就像我作为自学 Web 开发人员所做的那样。
课程 证书
使用你的证书来改变职业或提升目前的职业。
我们的学生的作品
获得最佳
相关的视频课程
查看更多
