使用 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中文网其他相关文章！