Next.jsReactSaaS启动器

supabytes — Next.js SaaS模板

作者 nberlette

supabytes 是一个基于 Next.js、TypeScript、Tailwind v4 与 Supabase 的无服务器云存储 SaaS 启动模板，可部署为自有的云盘服务。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

基于 Next.js 与 React 的 SaaS 启动模板，使用 TypeScript 编写

样式采用 Tailwind CSS v4

后端与数据层由 Supabase 提供支持

定位为无服务器云存储服务，可部署为自有实例

MIT 许可，允许免费使用、修改、商用与分发

提供 Vercel 在线演示站点供预览

模板详细介绍

supabytes 是一个面向无服务器云存储服务的 SaaS 启动模板，仓库由 nberlette 维护，采用 MIT 许可。技术栈为 Next.js、React、TypeScript 与 Tailwind CSS v4，后端由 Supabase 提供支持，官方演示部署在 Vercel 上。

模板定位是让使用者部署一套自己的云存储服务，README 将其描述为“fully-functional SaaS starter kit”，但作者同时说明尚未编写正式 README，仓库文档不完整，具体功能需自行浏览代码确认。因此本条目不对其功能完整度、性能或生产可用性做判断。

使用前需注意：代码本身免费且允许商用与分发，但 Supabase、Vercel 等外部服务可能产生费用，演示中的图片、字体、图标等第三方素材需单独核对许可。

Next.jsReactSaaS启动器

适合你的项目吗？

适用场景

搭建自有的云存储或网盘类服务原型
以 Supabase 为后端快速启动一个 SaaS 项目
学习 Next.js、TypeScript 与 Tailwind v4 组合的项目结构
在 Vercel 上部署并体验无服务器架构的存储应用

适合人群

希望以 Supabase 为后端搭建云存储服务的开发者
需要 Next.js + TypeScript + Tailwind 技术栈起步模板的团队
能自行阅读源码、不依赖完整文档的使用者
接受外部服务可能产生费用的个人或小团队

上手与定制指南

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

1
仓库 README 尚未正式撰写，作者建议直接浏览代码了解实现方式
2
需自行准备 Supabase 项目并配置相应环境变量
3
部署到 Vercel 时需确认托管与数据库等外部服务的计费情况
4
演示中的图片、字体、图标等第三方素材需按各自许可单独核对
5
分发代码或实质性部分时需保留原作者版权声明与 MIT 许可声明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

项目依赖 Supabase 作为后端服务，使用前需自行注册 Supabase 账号并创建项目、配置相应环境变量与 API 密钥，可能涉及外部服务的免费额度限制或费用。
官方推荐通过 Vercel 部署，需使用 Vercel 账号；托管与数据库等外部服务可能产生费用，需自行确认计费情况。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

backed by Supabase
README 原文

Deploy your own instance in under a minute with Vercel!
README 原文

https://github.com/nberlette/supabytes/blob/main/LICENSE https://github.com/nberlette/supabytes/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 85 / 100
技术栈: Next.js · React
网站类型: SaaS · 启动器

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-08-06
截图检查日期: 2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: fd585deb925e4f9a981e137952db456d8d4da1e1625467c2cde579b6db4d5d97

2026-10-03T07:25:50.446Z

来源文件 / 仓库

<div align="center">

# [supabytes](https://supabytes.vercel.app) - serverless cloud storage

### SaaS starter kit powered by Next.js and Supabase

<img src="https://api.iconify.design/logos/supabase-icon.svg?width=64&height=64&inline=1" alt="Supabase" />
<img src="https://api.iconify.design/logos/nextjs-icon.svg?width=64&height=64&inline=1" alt="Next.js" />
<img src="https://api.iconify.design/logos/typescript-icon.svg?width=64&height=64&inline=1" alt="TypeScript" />
<img src="https://api.iconify.design/logos/tailwindcss-icon.svg?height=64&width=64" alt="Tailwind 4" />

</div>

---

This is a fully-functional SaaS starter kit for deploying your very own
serverless cloud storage provider. It's written in TypeScript, powered by
Next.js, styled with TailwindCSS v4, and backed by Supabase. Deploy your own
instance in under a minute with Vercel!

> Sorry, but I haven't had the time to write an actual README for this project
> yet. If you'd like to help me with that, contributions are **warmly
> welcomed**! If not, no worries! Feel free to poke around the repository to get
> an idea of how things work in the meantime.
>
> Thanks, Nick

反馈内容错误