」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 使用 Next.js 建立電子商務

使用 Next.js 建立電子商務

發佈於2024-10-31
瀏覽:259

Building eCommerce with 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. Docker
  7. 更改語言和貨幣
  8. 新增語言
  9. 紀錄

歡迎任何回饋。

版本聲明 本文轉載於:https://dev.to/aelassas/building-ecommerce-with-nextjs-3aa4?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3