首页 > web前端 > js教程 > 正文

使用 Next.js 构建现代单一供应商市场

Mary-Kate Olsen
发布: 2024-10-31 04:25:31
原创
355 人浏览过

Building a Modern Single Vendor Marketplace with Next.js

项目存储库:https://github.com/aelassas/wexcommerce

演示:https://wexcommerce.dynv6.net:8002

使用 Next.js 构建市场为扩展业务奠定了坚实的基础。关注性能、安全性和用户体验,同时维护代码质量和文档。定期更新和监控将确保您的平台保持竞争力和可靠性。

Next.js 因其以下优点而成为市场开发的绝佳选择:

  • 卓越性能:内置优化,可实现快速页面加载和无缝用户体验
  • SEO 优势:服务器端渲染功能,确保您的产品易于被发现
  • 可扩展性:随您的业务一起成长的企业就绪架构
  • 丰富的生态系统:用于快速开发的大量库和工具
  • 开发者体验:直观的开发工作流程,具有热重载和自动路由

对于重视创作自由和技术控制的开发者来说,Shopify 等传统电子商务平台可能会感到受到限制。虽然 Shopify 的模板提供了快速设置,并且其 Storefront API 提供了一定的灵活性,但这两种解决方案都没有提供现代开发人员渴望的完整架构自由。

这个开源项目 - wexCommerce,源于构建无边界的愿望 - 一个完全可定制的电子商务解决方案,其中每个方面都在您的控制范围内。该开源平台基于具有强大渲染功能的 Next.js、用于灵活数据建模的 MongoDB 以及用于安全支付处理的 Stripe,使开发人员能够:

  • 拥有 UI/UX:设计独特的客户体验,而无需克服模板限制
  • 控制后端:实现完全符合您需求的自定义业务逻辑和数据结构
  • 掌握 DevOps:使用您喜欢的工具和工作流程部署、扩展和监控您的应用程序
  • 自由扩展:添加新功能和集成,无需平台限制或额外费用

通过选择此堆栈,您不仅仅是在构建一个商店 - 您是在投资一个可以根据您的需求不断发展的基础,并得到强大的开源技术和不断发展的开发者社区的支持。

通过此解决方案,您可以使用基于 Docker 的设置以最低的成本部署自己的可定制电子商务网站。该平台集成了 Stripe 以实现安全支付,针对 SEO 进行了优化,并且可以有效地托管在 1GB RAM Droplet 上,使其成为寻求可扩展且经济高效的解决方案的电子商务运营的理想选择。您可以使用 Hetzner 或 DigitalOcean 等云提供商每月花费不到 5 美元来部署此解决方案。

wexCommerce 由前端和管理仪表板组成。从前端,客户可以搜索他们想要的产品,将其添加到购物车并结帐。客户可以通过 Google、Facebook、Apple 或电子邮件注册,并使用信用卡、货到付款、电汇、PayPal、Google Pay、Apple Pay、Link 或其他 Stripe 付款方式付款。登录后,他们可以访问其购买历史记录并执行订单。在管理仪表板中,管理员可以管理订单、付款、产品、类别、客户和常规设置,例如默认语言、货币、交货、运输和接受的付款方式。

由于 TypeScript 具有众多优点,我们做出了一个关键的设计决定,即使用 TypeScript 而不是 JavaScript。 TypeScript 提供强大的类型、工具和集成,从而产生高质量、可扩展、更具可读性和可维护性的代码,并且易于调试和测试。

我投入了大量的时间和精力来构建这个开源项目,以便将其免费提供给社区。如果这个开源项目对您的工作有帮助,请考虑支持其持续开发和维护。您可以通过 GitHub 赞助(一次性或每月)、PayPal 或请我喝杯咖啡进行贡献。即使是 GitHub 存储库上的一个简单的星星也有助于传播信息,并受到极大的赞赏。

特征

  • 库存管理
  • 订单管理
  • 付款管理
  • 客户管理
  • 多种付款方式(信用卡、货到付款、电汇、PayPal、Google Pay、Apple Pay、链接)
  • 可操作的 Stripe 支付网关
  • 多种配送方式(送货上门、门店提货)
  • 多语言支持(英语、法语)
  • 多种登录选项(Google、Facebook、Apple、电子邮件)
  • 响应式后端和前端

现场演示

  • 网址:https://wexcommerce.dynv6.net:8002/
  • 登录:jdoe@wexcommerce.com
  • 密码:sh0ppingC4rt

资源

  1. 概述
  2. 安装(自托管)
  3. 安装(Docker)
    1. Docker 镜像
    2. SSL
  4. 设置条纹
  5. 从源头运行
  6. 演示数据库
    1. Windows、Linux 和 macOS
    2. 码头工人
  7. 更改语言和货币
  8. 添加新语言
  9. 日志

以上是使用 Next.js 构建现代单一供应商市场的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!