分享我们基于 Next.js 的开源 SaaS 开发模板🚀

[tianzx]

🎉 Saasfly - 让构建现代化 SaaS 应用变得简单、高效、愉悦!

📢 项目简介

Saasfly 是一款完全免费、开源的企业级 Next.js 模板,专为创业团队和个人开发者量身打造。它集成了诸多开箱即用的特性,如国际化支持、SEO 优化、Monorepo 管理等,助您快速搭建现代化的 SaaS 应用。Saasfly 采用了业界领先的技术栈,在保证开发效率的同时,兼顾了代码质量和性能优化。

🌟 项目特色

• 🆓 完全免费:Saasfly 是一款开源项目,遵循 MIT 许可协议,您可以免费使用和修改。
• 🚀 快速开发:Saasfly 提供了一系列开发脚手架和 UI 组件库,帮助您快速搭建应用原型。
• 🌍 国际化支持:Saasfly 内置了国际化方案,让您的应用轻松实现多语言支持。
• 🔍 SEO 友好:Saasfly 针对搜索引擎进行了优化,提高您的应用在搜索结果中的排名。
• 📦 Monorepo 管理:Saasfly 采用了 Monorepo 架构,方便您管理复杂的应用代码。
• 🛠️ 企业级支持:我们为企业用户提供专业的支持和咨询服务,助您发挥 Saasfly 的最大潜力。

🙌 社区互动

Saasfly 的成长离不开社区的支持。我们诚邀您参与到 Saasfly 的建设中来,无论是点赞 ⭐️、提 Issue 🐛,还是贡献代码 🎁,都是对我们莫大的鼓励。让我们携手打造更加优秀的 Saasfly!

👀 项目预览

想要近距离感受 Saasfly 的魅力?快来我们的 demo 站点体验一下吧!

🔗 相关链接

• 项目地址:https://github.com/saasfly/saasfly
• Demo 站点:https://show.saasfly.io
• 文档地址:https://document.saasfly.io

🚀 立即开始

使用 Saasfly 开启您的 SaaS 创业之旅,让 SaaS 开发变得前所未有的简单!给 Saasfly 一个 ⭐️,鼓励我们做得更好!

[xinbaoCode]

额，文档点击中文切换不了~🐶

[tianzx]

@xinbaoCode 之后会逐步完善中文文档的，感谢您的关注🥺

[amon]

为开源点赞，已 star

[think2011]

文档有些界面 404 了，https://show.saasfly.io/zh/docs/documentation/components

[tianzx]

@amon 十分感谢🙏

[tianzx]

@think2011 感谢指出🙏 ，文档这块确实没有仔细测试，所以想要开源出来能够得到社区的帮助🥺

[771007147]

看着很棒，已 star

[tianzx]

@771007147 十分感谢🙏

[BaiLinfeng]

中文文档支持的很不好友啊

[tianzx]

@BaiLinfeng 我们会尽快支持中文文档，希望您持续关注我们的项目🙏

[LiuN1an]

pricing 页面的升级版和专业版点击后经典报错：Application error a client-side exception has occurred

[tomdddd]

看起来基于 Taxonomy 项目改的把，现在 contentlayer 和 nextjs 14 都不兼容了，我看了下现在 contentlayer 也不维护了，建议换一个。。。

[tianzx]

@LiuN1an 已修复，十分感谢您的帮助🙏

[tianzx]

@tomdddd 没错主要参考的是 Taxonomy 和 create-t3 ，但是做了大量的改动，您有什么建议吗对于 markdown 这块的支持🙏

[theprimone]

Astro 梭哈 😏

[tianzx]

@theprimone Astro 我们主要用于公司的博客 https://blog.nextify.ltd/ ，以及使用了 starlight 来构建我们的文档 https://document.saasfly.io ，感谢您的关注，之后我们会逐步开源我们用到的技术栈🙏

[mnsw]

现在针对国内做 SaaS 还有钱途么？

[tianzx]

@mnsw 我们主要想做的是全球市场，所以从技术栈的选型也考虑到这一点，感谢您的关注🙏

[lilei2023]

这 UI 不是是用的 shadcn 那一套吧？

[tianzx]

@lilei2023 是的，我们主要参考了 shadcn's Taxonomy and t3-oss's create-t3-turbo 这两个项目，感谢您的关注🙏

[hooych]

太棒啦

[tianzx]

@hooych 十分感谢您的关注🙏

[tomdddd]

@tianzx 目前基于 mdx 和 mdx-remote 魔改了下，但是确实没有 contentlayer 方便

[isno]

这是干啥的啊？ 没看懂。打开 demo ，里面咋是一个 k8s 集群呢？

[tianzx]

@isno 主要是给初创公司和个人开发者提供一个基于 Next.js 快速开发模板，demo 是我们用来展示的这套技术默认启动后的样子，k8s 集群是我们展示一个默认的增删改查的实现，感谢关注🙏

[tianzx]

@isno 很早就关注了您的 theByteBook ，在做 k8s 全套解决方案的时候学习到了不少东西，再次感谢🙏

[8520ccc]

跑不起来

[tianzx]

@8520ccc 具体的报错有吗，项目强制依赖数据库，可以看下是这个原因吗，感谢关注🙏

[8520ccc]

@tianzx 数据库设置了的，执行了后还可以看到数据库表的结构都建立好了，等会发报错吧

[convolution]

登录有支持谷歌么？

[tianzx]

@convolution 支持的，GitHubProvider({
clientId: env.GITHUB_CLIENT_ID,
clientSecret: env.GITHUB_CLIENT_SECRET,
}), 把这个换成对应 Google 的，或者加进去同时提供就可以了，感谢关注🙏

[8520ccc]

root@code-server /saas# bun run build
$ turbo build
• Packages in scope: @saasfly/api, @saasfly/auth, @saasfly/common, @saasfly/db, @saasfly/eslint-config, @saasfly/nextjs, @saasfly/prettier-config, @saasfly/stripe, @saasfly/tailwind-config, @saasfly/typescript-config, @saasfly/ui
• Running build in 11 packages
• Remote caching disabled
@saasfly/nextjs:build: cache miss, executing 12d13155ec2e6d30
@saasfly/nextjs:build: $ contentlayer build && bun with-env next build
@saasfly/nextjs:build: Generated 9 documents in .contentlayer
@saasfly/nextjs:build: TypeError: The "code" argument must be of type number. Received an instance of Object
@saasfly/nextjs:build: at process.set [as exitCode] (node:internal/bootstrap/node:123:9)
@saasfly/nextjs:build: at Cli.runExit (/node_modules/clipanion/lib/advanced/Cli.js:232:26)
@saasfly/nextjs:build: at run (file:///node_modules/@contentlayer/cli/src/index.ts:39:3)
@saasfly/nextjs:build: at main (/node_modules/contentlayer/bin/cli.cjs:5:3) {
@saasfly/nextjs:build: code: 'ERR_INVALID_ARG_TYPE'
@saasfly/nextjs:build: }
@saasfly/nextjs:build: $ dotenv -e ../../.env.local -- next build
@saasfly/nextjs:build: ▲ Next.js 14.0.3
@saasfly/nextjs:build:
@saasfly/nextjs:build: ✓ Creating an optimized production build
@saasfly/nextjs:build: ✓ Compiled successfully
@saasfly/nextjs:build: Skipping validation of types
@saasfly/nextjs:build: Skipping linting
Collecting page data ..sa [VercelPostgresError]: VercelPostgresError - 'invalid_connection_string': This connection string is meant to be used with a direct connection. Make sure to use a pooled connection string or try `createClient()` instead.
@saasfly/nextjs:build: at su (/apps/nextjs/.next/server/chunks/406.js:18:5468)
@saasfly/nextjs:build: at sg (/apps/nextjs/.next/server/chunks/406.js:18:7411)
@saasfly/nextjs:build: at 15491 (/apps/nextjs/.next/server/app/api/webhooks/stripe/route.js:1:13596)
@saasfly/nextjs:build: at t (/apps/nextjs/.next/server/webpack-runtime.js:1:128)
@saasfly/nextjs:build: at 36577 (/apps/nextjs/.next/server/app/api/webhooks/stripe/route.js:1:14487)
@saasfly/nextjs:build: at t (/apps/nextjs/.next/server/webpack-runtime.js:1:128)
@saasfly/nextjs:build: at 75138 (/apps/nextjs/.next/server/app/api/webhooks/stripe/route.js:1:1028)
@saasfly/nextjs:build: at t (/apps/nextjs/.next/server/webpack-runtime.js:1:128)
@saasfly/nextjs:build: at r (/apps/nextjs/.next/server/app/api/webhooks/stripe/route.js:1:17593)
@saasfly/nextjs:build: at /apps/nextjs/.next/server/app/api/webhooks/stripe/route.js:1:17628 {
@saasfly/nextjs:build: code: 'invalid_connection_string'
@saasfly/nextjs:build: }

> Build error occurred
Error: Failed to collect page data for /api/webhooks/stripe
@saasfly/nextjs:build: at /node_modules/next/dist/build/utils.js:1217:15
@saasfly/nextjs:build: at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
@saasfly/nextjs:build: type: 'Error'
@saasfly/nextjs:build: }
@saasfly/nextjs:build: Collecting page data .error: script "with-env" exited with code 1
@saasfly/nextjs:build: error: script "build" exited with code 1
@saasfly/nextjs:build: ERROR: command finished with error: command (/apps/nextjs) /root/.bun/bin/bun run build exited (1)
@saasfly/nextjs#build: command (/apps/nextjs) /root/.bun/bin/bun run build exited (1)

Tasks: 0 successful, 1 total
Cached: 0 cached, 1 total
Time: 5.326s
Failed: @saasfly/nextjs#build

ERROR run failed: command exited (1)
error: script "build" exited with code 1

[tianzx]

@8520ccc #32 你的.env.local 中的 POSTGRES_URL= 有配置正确吗 ？ vercel 创建的 postgres://default:****@*******.us-east-1.aws.neon.tech:5432/verceldb?sslmode=require 大概是像这个样子

[D2h0VL89HMAU417B]

提个建议

[D2h0VL89HMAU417B]

不应该叫 Country

[tianzx]

@zephyr1 #35 感谢指出，我现在改一下🙏

[D2h0VL89HMAU417B]

@tianzx #36 还有个疑问，点击创建新的集群按钮后，即使我没有点击最后的 submit 按钮，控制台也会出现新的 Cluster ，不知道这里的逻辑是否正确。

[tianzx]

@zephyr1 #37 为了方便起见，会在 create 的时候预先创建一部分默认的数据，当用户打开的时候就只需要修改自己需要的部分了，只是为了展示一种不同的实现，您可以根据自己的需求直接修改🙏

[limuen]

fork 了，空了👀

[wbrobot]

admin panel 有吗？想看看用户管理和设置这些

[tianzx]

@wbrobot 感谢您的关注，开源的 admin dashboard 我正在开发中，相对来说比较简陋，乐观看大概可能还需要 1-2 周的时间，付费版会提供更加完善的 dashboard 功能🙏

[tianzx]

@limuen 感谢您的关注，期待您的反馈🙏

[limuen]

@tianzx 有一点想问的是为什么要用 bun(没了解过...)，pnpm 的 workspace 不更好一点？哈哈，个人建议哈，直接 pnpm-workspace ，再结合 monorepo ，芜湖起飞～

[tianzx]

@limuen #43 一个是 bun 确实是非常快的 主要是 install 还有 build ，另外我们在商业版里做了对 pnpm 和 yarn 的支持😂

[TeslaM3]

@tianzx
@BaiLinfeng LiuN1an 8520ccc

[tianzx]

@TeslaM3 你好，请问有什么可以帮到您的吗😂