Next.jsReact电商启动器

ecommerce-next-ts-template — Next.js 电商模板

作者 MeshJS

基于 Next.js 与 React 的电商启动模板，顾客可用 DJED 等 Cardano 稳定币付款，付款后向顾客钱包铸造收据，再由商家履约发货。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Next.js + React 技术栈的电商启动模板

02

支持使用 DJED 等 Cardano 稳定币付款

03

支付后向顾客钱包铸造收据作为凭证

04

提供 create-mesh-app 命令行初始化方式

05

可在 Demeter Cardano 工作区中打开运行

06

配套 MeshJS 的钱包连接组件、hooks 与 API 文档

模板详细介绍

这是一个面向 Cardano 生态的电商启动模板，采用 Next.js 与 React 构建。它的核心流程是：顾客在店铺下单后使用 DJED 等 Cardano 稳定币完成支付，系统会向顾客的钱包铸造一份收据，商家随后据此履行订单。

模板提供本地初始化命令（npx create-mesh-app leap -t ecommerce -s next -l ts），也可在 Demeter 的 Cardano 工作区中直接打开仓库运行。README 指向 MeshJS 的 React 组件与 hooks、APIs 和 Guides 文档，用于钱包连接、钱包状态读取与交易构建等 Web3 前端开发。

仓库更新记录停留在 2023 年，Star 数较少，属于早期启动器；资料未说明订单管理、库存、后台、配送或法币支付等电商常规能力，也未给出生产部署与安全审计信息，使用前需自行核对依赖与业务完整性。

Next.jsReact电商启动器

适合你的项目吗？

适用场景

  • 搭建接受 Cardano 稳定币付款的在线商店原型
  • 演示钱包连接、稳定币支付与链上收据铸造流程
  • 在 Demeter 工作区中快速启动 Cardano 电商示例项目
  • 作为学习 MeshJS 前端组件与交易构建 API 的起点

适合人群

  • 熟悉 Next.js 与 React、希望探索 Cardano 支付的开发者
  • 需要稳定币收款与链上收据示例的 Web3 项目
  • 在 Cardano 生态中做原型验证或教学演示的团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    本地初始化：npx create-mesh-app leap -t ecommerce -s next -l ts

  2. 2

    也可通过 Demeter 的 Cardano 工作区直接打开该仓库

  3. 3

    钱包连接与交易构建依赖 MeshJS 的组件与 API，需参考其官方文档

  4. 4

    仓库最后更新于 2023 年，使用前应核对依赖版本与兼容性

  5. 5

    代码采用 Apache-2.0 许可，演示图片、字体、图标等第三方素材需单独核对授权

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 Apache-2.0 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发；分发时需随附 Apache-2.0 许可证。
  • 修改过的文件需显著标明改动，并保留相关版权、专利、商标及归属声明。
  • 若原项目附有 NOTICE 文件，分发衍生作品时需保留其中适用的归属声明。
  • 许可包含适用的贡献者专利授权；发起许可所述专利诉讼会终止该专利授权，且不授予商标使用权。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 该模板的支付流程依赖 Cardano 区块链上的稳定币（如 DJED），使用时需具备 Cardano 钱包并接入相应链上网络与代币，非纯法币或传统支付方式。
  • README 提供在 Demeter 平台打开仓库的启动方式，使用该方式需注册并依赖 Demeter 这一外部服务。
  • 本地初始化依赖 create-mesh-app 命令行工具及 npm 生态，需联网获取依赖包。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

no-charge, royalty-free, irrevocable copyright license

许可证原文

customers can pay with Cardano stable coins such as DJED

README 原文

Start your project on [Demeter](https://demeter.run/)

README 原文

npx create-mesh-app leap -t ecommerce -s next -l ts

README 原文
https://github.com/MeshJS/ecommerce-next-ts-template/blob/main/LICENSEhttps://github.com/MeshJS/ecommerce-next-ts-template/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 73 / 100
技术栈
Next.js · React
网站类型
电商 · 启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2023-02-15
截图检查日期
2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 08a2fc95ca0912dc89027eb6608af2385f1d1da092f2ae0474f770f142e363c4

2026-10-01T00:58:16.494Z

来源文件 / 仓库
# Ecommerce Next.js TypeScript

A starter template for Ecommerce store, where customers can pay with Cardano stable coins such as DJED, a receipt will be minted to the customer's wallet and you will fulfil their order.

## Getting Started

Start project locally using CLI:

```bash
npx create-mesh-app leap -t ecommerce -s next -l ts
```

Start your project on [Demeter](https://demeter.run/):

[![Code in Cardano Workspace](https://demeter.run/code/badge.svg)](https://demeter.run/code?repository=https://github.com/MeshJS/ecommerce-next-ts-template.git&template=typescript)

## Learn More

### [React components and hooks](https://meshjs.dev/react)

Frontend components for wallet connections, and useful React hooks to getting wallet states - Mesh provides everything you need to bring your Web3 user interface to life.

### [APIs](https://meshjs.dev/apis)

From wallet integrations to transaction builders, Mesh makes Web3 development easy with reliable, scalable, and well-engineered APIs & developer tools.

### [Guides](https://meshjs.dev/guides)

Whether you are new to web development or a seasoned blockchain full-stack developer, these guides will help you get started.

## Connect with us

Follow us on [Twitter](https://twitter.com/meshsdk) for updates.

Join our [Discord](https://discord.gg/Z6AH9dahdH) for any questions and suggestions.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

ai-website-cloner-template

ai-website-cloner-template

Clone any website with one command using AI coding agents

Next.js · 启动器

Next.js SaaS Starter

Next.js SaaS Starter

Next.js SaaS Starter 是 Next.js 官方维护的 SaaS 起点模板，定位介于学习资源和可直接部署的脚手架之间。

Next.js · SaaS

Next.js Commerce

Next.js Commerce

Next.js Commerce 是 Vercel 团队维护的电商启动模板，基于 Next.js App Router 构建，采用服务端渲染、React Server Components、Server Actions …

Next.js · 电商

Next-js-Boilerplate

Next-js-Boilerplate

Next-js-Boilerplate 是一个面向 Next.js 16、Tailwind CSS 4 和 TypeScript 的启动器，核心定位是开发者体验优先。

Next.js · 启动器

tailwind-nextjs-starter-blog

tailwind-nextjs-starter-blog

tailwind-nextjs-starter-blog 是一个面向个人技术博客的 Next.js 与 Tailwind CSS 启动模板，其 v2 版本基于 App Router 与 React Server Comp…

Next.js · 博客

next-forge

next-forge

Production-grade Turborepo template for Next.js apps.

Next.js · 启动器