前置说明

前置说明

ShipAny 是什么

ShipAny 是一个基于 NextJS 的 AI SaaS 开发框架，内置丰富的组件和 AI SDK，帮助你快速完成 AI SaaS 项目开发。

ShipAny 框架包含哪些功能

核心功能

  • 一个精美的 Landing Page
  • 20+ 页面组件
  • 用户登录（谷歌登录 / Github 登录）
  • 数据统计（Google Analytics / OpenPanel）
  • i18n 多语言
  • 数据存储（基于 Supabase）
  • 支付（基于 Stripe）
  • 部署（支持 Vercel / Cloudflare）

管理后台

  • 用户管理
  • 用户积分管理
  • 支付订单管理
  • API Keys 管理
  • CMS（内容管理系统）

AI SDK

  • 可灵 AI 视频生成
  • Dall-E 图片生成
  • OpenAI Chat Completion
  • OpenAI TTS

其他需求可以在 Github Issues 提交，按优先级支持。

技术依赖

ShipAny 基于 NextJS 框架构建，用到了诸多流行的技术组件和云服务。

为确保你能充分使用 ShipAny 的完整功能，请自行熟悉以下技术/组件或云服务：

技术/组件

云服务

环境依赖

为确保你能顺利在本地运行和二次开发 ShipAny，请在你的电脑上安装必要的环境。

以下为 Mac 系统开发的环境配置建议：

  1. 使用 fnm 进行 NodeJS 版本管理

推荐使用以下版本的 NodeJS 和 npm：

$ node -v
v22.2.0
 
$ npm -v
10.7.0
  1. 使用 pnpm 进行包管理

全局安装 pnpm：

$ npm install -g pnpm

推荐使用以下版本的 pnpm：

$ pnpm -v
9.15.0
  1. 安装 git 并配置 ssh key，确保能访问你的 Github 仓库
$ git --version
git version 2.39.3 (Apple Git-146)

其他操作系统，请自行搜索对应的环境配置方法。运行 ShipAny 代码之前，请确保你的电脑环境已经安装了 nodejs 和 pnpm。

AI 辅助编程工具

为了更好的理解 ShipAny 框架，更高效的开发项目，推荐使用以下 AI 辅助编程工具：

AI 编辑器插件

为了更好的格式化代码，更方便的调试接口，推荐在 VS Code / Cursor / Windsurf 等编辑器中安装以下插件：

快速开始