Next.jsReact启动器

basejump-next — Next.js 启动器模板

作者 usebasejump

基于 Next.js 与 Supabase 的启动器模板,在 Basejump core 之上提供个人账户、团队账户、邀请、成员权限管理与 Stripe 订阅计费界面。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

在 Basejump core 之上提供 Next.js 启动应用,包含个人账户、团队账户、邀请、成员与权限管理及订阅计费的完整界面

02

用户经 Supabase auth 注册后自动获得个人账户,个人账户与团队账户的计费均可单独开启或关闭,团队账户也可整体禁用

03

权限基于 RLS 处理,提供便捷方法按用户的账户访问权与账户内角色限制行级访问

04

计费开箱支持 Stripe,也可接入其他提供商;计费相关密钥配置在 supabase/functions/.env 中

05

提供仅限已认证用户访问的基础仪表盘,认证支持邮箱/密码,并可扩展 Supabase 支持的其他认证方式

06

附带测试工具,可用于测试自有的 Supabase 函数与 schema,且不要求项目使用 Basejump

模板详细介绍

Basejump Nextjs Starter 在 Basejump core 之上叠加了一个 Next.js 启动应用,提供一套完整界面,覆盖个人账户、团队账户、邀请、成员与权限管理以及订阅计费。仓库采用 MIT 许可,代码可免费使用、修改、商用和分发,但需保留版权与许可声明;演示图片、字体、图标等第三方素材以及域名、托管、数据库、支付等外部服务需另行核对与付费。

账户体系方面,用户通过 Supabase auth 注册后会自动获得个人账户,个人账户计费可开启或关闭;团队账户是可供多名用户共享的计费账户,同样可禁用,也可关闭其计费。若只想保留个人账户,可以关闭团队账户。权限通过 RLS 处理,与 Supabase 的用法一致,Basejump 提供便捷方法,按用户的账户访问权和账户内角色限制行级访问。计费开箱支持 Stripe,也可自行接入其他提供商。

前端部分包含一个仅限已认证用户访问的基础仪表盘,认证支持邮箱/密码,并可添加 Supabase 支持的其他认证方式。测试方面,Basejump 自身有完整测试,同时提供一套测试工具,便于测试自有的 Supabase 函数与 schema,该工具不要求使用 Basejump。

快速开始流程为:执行 yarn install,运行 supabase start,参照 .env.example 创建 .env.local 并填入 Supabase 配置,然后运行 yarn dev。需要处理计费时,需创建 Stripe 账户,并把 Stripe 密钥写入 supabase/functions/.env 文件,仓库提供了可复制的示例文件。

Next.js启动器

适合你的项目吗?

适用场景

  • 需要为 SaaS 产品快速搭建带个人账户与团队账户的账户体系界面
  • 希望用 RLS 按账户访问权与角色控制数据行级权限的 Supabase 项目
  • 计划接入 Stripe 订阅计费,并需要现成的计费界面与边缘函数配置示例
  • 需要一套可测试自有 Supabase 函数与 schema 的测试工具

适合人群

  • 使用 Next.js 与 Supabase 构建多用户 SaaS 应用的开发者
  • 需要个人账户、团队账户、邀请与成员权限管理基础界面的项目
  • 准备接入 Stripe 订阅计费并希望参考现成实现的项目
  • 希望按 MIT 许可使用、修改并分发启动器代码的团队

上手与定制指南

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

  1. 1

    依次执行 yarn install、supabase start,并参照 .env.example 创建 .env.local 填入 Supabase 配置,然后运行 yarn dev

  2. 2

    处理计费前需创建 Stripe 账户,并将 Stripe 密钥写入 supabase/functions/.env,仓库提供可复制的示例文件

  3. 3

    代码采用 MIT 许可,分发副本或实质性部分时需保留原作者版权声明与完整 MIT 许可声明

  4. 4

    演示图片、字体、图标等第三方素材需按各自许可单独核对,域名、托管、数据库、支付等外部服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 使用计费功能需自行注册 Stripe 账户并配置密钥,Stripe 为外部付费服务,可能产生费用。
  • 运行前需自行准备 Supabase 配置(项目/密钥),Supabase 为外部服务,可能产生费用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

you'll need to set up a Stripe account and add your Stripe keys to your `supabase/functions/.env` file

README 原文

Create a `.env.local` copy of the `.env.example` file with the correct values for Supabase

README 原文
https://github.com/usebasejump/basejump-next/blob/main/LICENSEhttps://github.com/usebasejump/basejump-next/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 81 / 100
技术栈
Next.js · React
网站类型
启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2024-11-06
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 286c2d8a8a64e86e1ec46a95f3edf8af8bc2deca2251d890a6bf0ac5b803d967

2026-10-02T20:49:46.352Z

来源文件 / 仓库
# Basejump Nextjs Starter

Adds a Nextjs starter app on top of [Basejump core](https://github.com/usebasejump/basejump). This is a complete interface with support for personal accounts, team accounts, invitations, managing members/permissions and subscription billing.

[Learn more at usebasejump.com](https://usebasejump.com). Ask questions [on X / Twitter](https://twitter.com/tiniscule)

![Image Description](./public/images/basejump-team-page.png)

## Basejump Core Features

- **Personal accounts**: Every user that signs up using Supabase auth automatically gets their own personal account.
  Billing on personal accounts can be enabled/disabled.
- **Team accounts**: Team accounts are billable accounts that can be shared by multiple users. Team accounts can be
  disabled if you only wish to allow personal accounts. Billing on team accounts can also be disabled.
- **Permissions**: Permissions are handled using RLS, just like you're used to with Supabase. Basejump provides
  convenience methods that let you restrict access to rows based on a user's account access and role within an account
- **Billing**: Basejump provides out of the box billing support for Stripe, but you can add your own providers easily.
  If you do, please consider contributing them so others can benefit!
- **Testing**: Basejump is fully tested itself, but also provides a suite of testing tools that make it easier to test
  your own Supabase functions and schema. You can check it out
  at [database.dev/basejump/supabase_test_helpers](https://database.dev/basejump/supabase_test_helpers). You do not need
  to be using Basejump to use the testing tools.

## Next Frontend Features

- **Basic Dashboard**: A basic dashboard implementation restricted to authenticated users
- **User Authentication**: Support for email/password - but add any auth provider supported by Supabase
- **Personal accounts**: Every user that signs up using Supabase auth automatically gets their own personal account.
  Billing on personal accounts can be enabled/disabled.
- **Team accounts**: Team accounts are billable accounts that can be shared by multiple users. Team accounts can be
  disabled if you only wish to allow personal accounts. Billing on team accounts can also be disabled.
- **Billing**: Basejump provides out of the box billing support for Stripe, but you can add your own providers easily.
  If you do, please consider contributing them so others can benefit!

## Quick Start

1. Run `yarn install`
2. Run `supabase start`
3. Create a `.env.local` copy of the `.env.example` file with the correct values for Supabase
4. Run `yarn dev`

When you're ready to work on billing, you'll need to set up a Stripe account and add your Stripe keys to your `supabase/functions/.env` file. There's an example file you can copy.

## Helpful Links

- [Basejump Docs](https://usebasejump.com/docs)
- [Creating new protected tables](https://usebasejump.com/docs/example-schema)
- [Testing your Supabase functions](https://usebasejump.com/docs/testing)

## Contributing

Yes please! Please submit a PR with your changes to [the basejump-next github repo](https://github.com/usebasejump/basejump-next).

You can contribute in the following places:
- [Basejump core](https://github.com/usebasejump/basejump)
- [Basejump Nextjs](https://github.com/usebasejump/basejump-next)
- [Basejump edge functions / billing functions](https://github.com/usebasejump/basejump-deno-packages)
- [Supabase Test Helpers](https://github.com/usebasejump/supabase-test-helpers)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。