Findings24Findings24
Shipped logo

Shipped

认领

Shipped 是面向开发者的 Next.js SaaS 脚手架，内置落地页、支付、认证、邮件和仪表盘，助你基于产品化代码库快速启动 SaaS。

AI开发者工具AI建站工具无代码低代码
访问网站
Shipped preview

概述

Shipped 是一款面向开发者的 Next.js SaaS 脚手架，旨在帮助他们更快发布产品化网页应用，而无需从零构建常见的营销页面、支付流程、认证、邮件和仪表盘等部分。网站将其定位为可在数天而非数月内上线的一种方式。

该套件围绕可复用页面和组件来满足常见 SaaS 需求：落地页、等待名单、预售、定价、联盟计划、支付、注册与登录、博客、仪表盘，以及 AI 服务集成。它基于 Next.js 14、TypeScript、Chakra UI，并结合 Prisma、Supabase、NextAuth、shadcn/ui 和 Recharts 等相关工具。

Shipped 包含哪些内容

常见 SaaS 工作流的上线页面

包含可复用的落地页、等待名单页、预售页、定价页和联盟计划页，帮助 SaaS 以面向产品的页面上线，而不是从零拼装每个页面。

支付收款配置

支持通过 Lemon Squeezy 或 Stripe 进行订阅和一次性购买，并包含结账界面、Webhook，以及网站上提到的主流支付方式支持。

认证与私有区域

认证流程包括注册、登录、魔法链接和社交登录，并包含基于数据库的用户存储以及私有 API 访问等内容。

邮件与消息集成

脚手架包含与邮件相关的集成，用于新闻通讯和事务性消息，并以 Mailchimp 和 Loops 作为示例。

现代应用技术栈与集成

技术栈以 Next.js 14、TypeScript、Chakra UI、Prisma、Supabase、shadcn/ui 和 Recharts 为核心，并列出了 OpenAI、Anthropic、Gemini、Groq、Ollama、DeepSeek 等 AI 服务集成。

文档与持续更新

文档和 Discord 社区被定位为产品的一部分，网站还提到了每周更新和安全更新。

Shipped 适用于哪些场景

  • 发布新的 SaaS 产品

    当你希望为新的 SaaS 发布预置营销页面、支付、登录和产品界面，而不是逐个从头搭建时，可使用 Shipped。

  • 搭建变现方案

    如果你的产品需要订阅、一次性购买、Webhook 以及连接到 Lemon Squeezy 或 Stripe 的结账流程，可使用它。

  • 实现认证与受限功能

    当你需要账号创建、登录、社交登录、魔法链接，以及私有 API 或会员专属区域，而不想自己完整构建认证层时，可使用它。

  • 添加内容与 SEO 页面

    如果你计划发布产品博客、添加元标签，并使用 Markdown 或 MDX 来制作需要 SEO 友好结构的内容页面，可使用它。

  • 为产品扩展仪表盘与集成

    当你希望获得带图表和可复用应用 UI 的仪表盘，并可选接入邮件服务和 AI 提供商时，可使用它。

Pros and Cons

Pros

  • 将许多 SaaS 构建模块整合在一个套件中，包括落地页、支付、认证、邮件、博客和仪表盘。
  • 同时支持订阅和一次性购买，网站提到 Lemon Squeezy 或 Stripe 作为支付选项。
  • 包含等待名单、预售、定价和联盟流程等产品专属页面，而不仅仅是通用 UI 组件。
  • 据网站所述，附带文档、Discord 支持和免费更新。
  • 展示了较广的集成范围，包括主流 AI 提供商和常见应用基础设施工具。

Cons

  • 网站上的定价页面返回 404，因此当前价格详情需要改从首页获取。
  • 该脚手架以 Next.js 和相关 React 工具链为核心，因此非 React 技术栈的团队只能复用其中一部分。

FAQ

购买 Shipped 后我能得到什么？

Shipped 是一款一次性购买的 Next.js 14 脚手架。购买后可永久访问 GitHub 仓库、公开文档、私有 Discord 社区以及免费更新。

Shipped 使用什么技术栈？

该脚手架基于 Next.js、React、TypeScript 和 Chakra UI 构建。原文还提到支持 App Router、Prisma、Supabase、NextAuth、Recharts，以及 Lemon Squeezy、Stripe、Mailchimp、Loops 和多个 AI 提供商等集成。

我可以将 Shipped 用于客户项目或商业产品吗？

你可以用它来构建无限数量的项目，包括商业项目。但你不得将代码或其部分内容作为模板或脚手架发布。

我可以在不同的技术栈中使用它吗？

Shipped 是围绕 Next.js 构建的，因此最适合使用该框架的项目。FAQ 说明，如果你的技术栈是 React 但不是 Next.js，你大致可以复用 80% 的代码库；如果你使用的是不含 Next.js 和 React 的 TypeScript 或 JavaScript，大致可以复用 20%。

为什么 Shipped 提到的是 Lemon Squeezy 而不是 Stripe？

网站推荐 Lemon Squeezy，因为它是 Merchant of Record，这意味着它会处理全球销售的销售税。Stripe 被作为替代支付处理器提供。

Quick Facts

类别
开发者工具 / SaaS 脚手架
平台
Next.js 14、React、TypeScript
UI 技术栈
Chakra UI、shadcn/ui、Tailwind CSS、Recharts
主要用途
更快构建并上线 SaaS 产品
来源域名
shipped.club
价格形式
一次性购买；网站列出 SaaS Boilerplate 方案为 157 美元，SaaS + Chrome Extension Boilerplate 方案为 207 美元，均按年计费