使用 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 開發人員所做的那樣。
課程 證書
使用你的證書來改變職業或提升目前的職業。
我們的學生的作品
獲得最佳
相關的影片課程
檢視更多
