使用 Next.js 建立電子商務

身為開發人員，我不想受到 Shopify 範本的限制，但也不想將他們的店面 API 與自訂應用程式一起使用。我想擁有一個完全可自訂的解決方案，我可以按照我想要的方式進行調整。從ui/ux、db、後端、api、身份驗證、devops 等。因此，我使用 React、Next.js、MongoDB 和 Stripe 建立了一個完全可自訂的支付解決方案。

您可以在這裡找到演示連結：https://wexcommerce.dynv6.net:8002

原始碼在這裡：https://github.com/aelassas/wexcommerce

透過以下解決方案，您可以透過將其託管在具有至少1GB RAM 的Docker Droplet 上，以非常低的成本建立一個針對SEO 進行優化的完全可自訂的電子商務網站，並使用可操作的Stripe支付網關。

此解決方案由前端和管理儀表板組成。從前端，客戶可以搜尋他們想要的產品，將其添加到購物車並結帳。客戶可以透過 Google、Facebook、Apple 或電子郵件註冊，並使用信用卡、貨到付款、電匯、PayPal、Google Pay、Apple Pay、Link 或其他 Stripe 付款方式付款。登入後，他們可以存取其購買歷史記錄並執行訂單。在管理儀表板中，管理員可以管理訂單、付款、產品、類別、客戶和常規設置，例如預設語言、貨幣、交貨、運輸和接受的付款方式。

由於 TypeScript 具有眾多優點，因此做出了使用 TypeScript 的關鍵設計決定。 TypeScript 提供強大的類型、工具和集成，從而產生高品質、可擴展、更具可讀性和可維護性的程式碼，並且易於調試和測試。

特徵

• 庫存管理
• 訂單管理
• 付款管理
• 客戶管理
• 多種付款方式（信用卡、貨到付款、電匯、PayPal、Google Pay、Apple Pay、連結）
• 可操作的 Stripe 支付網關
• 多種配送方式（送貨上門、門店取貨）
• 多語言支援（英文、法文）
• 多種登入選項（Google、Facebook、Apple、電子郵件）
• 響應式後端與前端

資源

1. 概述
2. 安裝（自架）
3. 安裝（Docker）
   1. Docker 映像
   2. SSL
4. 設定條紋
5. 從源頭運行
6. 演示資料庫
   1. Windows、Linux 和 macOS
   2. 碼頭工人
7. 更改語言和貨幣
8. 新增語言
9. 日誌

如有任何回饋，我們將不勝感激。

以上是使用 Next.js 建立電子商務的詳細內容。更多資訊請關注PHP中文網其他相關文章！