ecommerce admin nextjs

电子商务管理-nextjs

由于 PlanetScale 取消免费计划，演示网站不再运行。

开始日期：2023 年 7 月 26^日。

描述

带 Stripe 集成的电子商务管理仪表板是一个强大的 Web 应用程序，旨在简化和增强电子商务网站的管理。这个综合仪表板使用 Next JS、TypeScript、Tailwind CSS、Shadcn UI、Planet Scale、Prisma、zustand、clerk auth、Cloudinary 和 Stripe 等尖端技术开发，为管理员提供了一个强大的工具包，用于监督和优化业务的各个方面。网上商店。

主要特点

• 管理仪表板允许网站管理员创建、更新和删除商店信息。
• 管理员可以有效地管理网站主页上显示的广告牌或横幅。他们可以上传、更新和删除促销横幅以吸引客户并突出显示正在进行的优惠或销售。
• 通过管理仪表板，管理产品类别、尺寸和颜色变得轻而易举。管理员可以添加、编辑或删除类别、尺寸和颜色，使网站能够有效地组织和展示产品。
• 为了实现前端 Web 应用程序和后端之间的顺畅通信，仪表板集成了 API 路由。这确保了产品信息可以无缝获取并显示在面向客户的网站上。
• 管理仪表板利用 Clerk auth 进行安全身份验证，确保只有授权人员才能访问和管理敏感信息。
• 通过 Planet Scale 和 Prisma 集成，该应用程序受益于强大且可扩展的数据库，能够处理不断增长的产品库存和增加的网站流量。
• 任何电子商务网站的核心在于其产品管理功能。管理仪表板使管理员能够添加新产品、更新现有产品、存档缺货产品、将产品标记为特色产品以及删除不再可用的产品。他们可以设置产品详细信息，例如名称、类别、价格、图像和其他产品特定属性。
• 高效的订单管理对于任何电子商务网站都至关重要。仪表板提供了用于查看、处理和管理传入订单的综合工具。
• 无缝集成Stripe作为支付网关，让客户进行安全、便捷的在线支付。管理员可以查看交易历史记录并确保为购物者提供无缝的结账体验。

测试项目

要测试该项目，请下载 zip 文件并在您选择的编辑器中打开它。然后，在终端中运行npm install以安装依赖项。

npm install

安装所需的依赖项后，您必须在项目文件夹的根目录下创建一个.env文件。所需的环境变量如下。

 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
DATABASE_URL=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
STRIPE_API_KEY=
FRONTEND_STORE_URL=
STRIPE_WEBHOOK_SECRET=

按照 Clerk、Planet Scale、Cloudinary 和 Stripe 的官方文档中的步骤获取环境变量的值。完成上述步骤后，运行npm run dev来测试项目。

npm run dev

如果您不想经历所有麻烦，您可以随时测试该项目的演示网站。