当前位置:首页 > 新闻动态 > 网站文章

如何使用 Next.js 构建电子商务网站

来源: 浏览:160 时间:2023-10-02


上次您接到建立电子商务商店的任务时,您可能会感到恐惧和恐惧。 您的大脑可能会陷入以下陷阱之一:

上市时间

微服务地狱

面向客户的用户界面

功能焦虑

供应商锁定

API 过剩

月费

数据所有权

数据库访问

借助 Payload 的新电子商务模板,您可以在 Payload 应用程序旁边创建一个设计精美、可立即投入生产的网站,从而更多地关注业务策略,而不是技术。

您的 API 是您自己的,您的数据也属于您。 您不必受制于第三方服务,这些服务可能会在每月费用之外向您收取 API 超额费用,并且可能会限制您对自己数据库的访问。

运营在线商店的成本永远不会超过服务器的成本(加上支付处理费)。

您可以在几分钟内从最初的克隆到首次销售。

想象一下,您实际上想要在您的电子商务网站上工作,非常乐意邀请营销人员为您的最新营销活动设计新的登陆页面,并且编辑人员可以自己为所有类型的内容创建完全独特的布局。

如果您销售以下产品,则此模板适合您:

实物产品,例如衣服或商品

电子书或视频等数字资产

访问课程或优质文章等内容

您需要的一切都已准备就绪,包括:

管理仪表板

验证

购物车

查看

交付过程

客户账户

形式

付费专区内容

布局生成器

深色模式

搜索引擎优化

以及更多。

快速开始选项 1(推荐)

前往 Payload Cloud,克隆电子商务模板,并将其部署为 30 天免费试用版。 此过程可能需要几分钟,完成后您将拥有一个完全运行的电子商务商店,并带有一个实时域。 这将在您的 GitHub 帐户中为您创建一个新的存储库。 您可以克隆此存储库以进行本地开发,当您推送时,您的提交将自动部署。

选项2

该模板的代码是完全开源的,可以在此处找到。 要快速克隆此模板,请在终端中运行以下命令:

npx create-payload-app my-project -t ecommerce

然后按照自述文件中的说明开始操作。 您稍后可以随时将此存储库部署到 Payload Cloud。

管理仪表板

与所有 Payload 应用程序一样,您可以获得开箱即用的企业级管理仪表板。 您的商店管理员可以在此仪表板中管理所有用户、订单、产品、页面等。 您可以完全自定义外观和感觉,甚至可以贴上白色标签以匹配您的品牌。 管理面板也是您的编辑使用布局生成器来生成独特的登陆页面和产品布局的地方。

验证

使用有效负载进行身份验证已经很容易,而且还变得更加容易。 在此模板中,您可以完全正常工作的客户登录并创建帐户流程,并完成密码重置和电子邮件验证。 表单、字段状态、错误处理、cookie、重定向,一切都准备就绪,开箱即用。 使用此模板,您无需担心自己构建这些流程,也无需依赖第三方服务(您可能需要付费)。

客户账户

用户永远不必离开您的网站来管理他们的帐户,这对于保留客户来说是一个巨大的胜利。 他们只需登录即可查看过去的购买情况、查看订单历史记录并更新帐户信息。 用户无需在平台之间导航,他们可以在一个地方完成所有操作。 您还可以使用这些数据向客户发送个性化电子邮件,例如废弃购物车提醒或产品推荐。

购物车

任何电子商务应用程序中最难的部分之一就是购物车。 它们需要很好地工作,才能提高转化率并将用户无缝地引导到您的结账流程中。 一个好的购物车应该:

允许用户无需登录即可购物

将匿名用户的购物车保存到浏览器存储中

登录时将保存的购物车同步到用户帐户

在所有设备上保留相同的购物车

查看

该模板与 Stripe 集成,提供完整的支付处理流程。

在完全透明的情况下,Stripe 确实从每笔交易中收取一小部分,但公平地说,他们通过处理 100% 的财务和会计服务来提供有价值的服务。 完全可以与其他支付处理器集成,您只需要自己构建集成即可。


出售数字资产

将内容置于付费墙后面是增加收入的好方法。 如果您正在销售数字资产,可以轻松控制对用户购买历史记录背后的这些资产的访问。 例如,如果您的产品是视频课程或优质内容,您可以限制只有购买了该课程或内容的用户才能访问该课程或内容。 或者,如果您正在销售电子书,则可以轻松限制对下载链接的访问,直到用户购买为止。

布局生成器

您的营销人员将能够构思新的登陆页面和产品布局,而无需担心功能。 编辑者将能够为所有类型的内容创建完全独特的布局,并直接在 CMS 中即时配置。 他们可以在管理面板和实时站点之间无缝导航,以实时查看他们的更改。

该模板预先配置了一些英雄和方块来帮助您入门,但您可以轻松添加更多。

搜索引擎优化

元标签、开放图标签、结构化数据、站点地图生成、作品,全部包含在内。 您可以从管理面板轻松自定义每个页面和产品的 SEO 设置。

开始使用

使用此模板可以快速进入市场。 用它来享受构建您的下一个大型电子商务商店的乐趣。 或者在你的开发者朋友中制造 FOMO 情绪。 只需几分钟即可在 Payload Cloud 上部署或从 GitHub 克隆。 或者,运行 npx create-payload-app。 快乐的建筑。

什么是有效负载?

Payload 是一个完全开源的、基于 TypeScript 的无头 CMS 和应用程序框架,可以为开发人员提供他们需要的东西并摆脱阻碍。 Payload 使用 Node.js 和 React 构建,是代码优先的,因此您可以享受后端和 CMS 级管理 UI,而无需学习其他 CMS。 只需一行即可开始 $npx create-payload-app 或让我们完成这项工作。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图