产品简介
nextjs-starter-medusa 这是一个基于Next.js 15和Medusa框架的电商网站前端启动模板。它提供完整的电商功能(如商品展示、购物车、Stripe支付)和现代前端特性,帮助开发者快速构建高性能的在线商店。请注意,此仓库已停止维护,官方推荐使用新版本。
核心功能
- 完整的电商功能:商品详情、购物车、Stripe结账、用户账户
- 基于Next.js 15的现代前端架构:App Router、服务端组件
- 开箱即用的Medusa后端集成
- 使用TypeScript和Tailwind CSS开发
- 支持静态页面生成以优化性能
快速开始
- 1. 确保本地已运行Medusa后端服务(默认端口9000)
- 2. 进入项目目录,将`.env.template`重命名为`.env.local`
- 3. 在`.env.local`中配置你的Stripe公钥等环境变量
- 4. 使用Yarn安装项目依赖
- 5. 运行`yarn dev`命令启动本地开发服务器,访问http://localhost:8000
界面预览
与其他方案对比
| 对比项 | nextjs-starter-medusa | 同类方案 |
|---|---|---|
| 技术栈整合度 | 官方提供,深度集成Medusa后端与Next.js 15最新特性 | 通用前端模板,需自行对接电商后端API |
| 功能完整性 | 内置商品、购物车、用户、支付等核心电商模块代码 | 可能仅为UI组件库,需从头编写业务逻辑 |
| 开发效率 | 开箱即用的项目结构,快速启动开发 | 基础模板,需要大量配置和功能实现 |
适合谁用
- 想要快速搭建现代电商网站的前端开发者
- 需要为现有Medusa后端构建React前端的技术团队
- 学习Next.js 15全栈电商项目实践的开发者
下载与版本
当前最新版本为 main,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/medusajs/nextjs-starter-medusa