VueLaravelReactSaaS启动器

saucebase — Vue SaaS模板

作者 saucebase-dev

Saucebase 是一个基于 Laravel 的模块化 SaaS 启动套件，前端可在 Vue 或 React 之间选择，配合 TypeScript、Inertia.js、Tailwind 与 shadcn 风格组件，用于搭建订阅制 Web 应用的基础骨架。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

Laravel 后端与 Inertia.js 前端桥接，前端可在 Vue 或 React 中选择

02

使用 TypeScript、Tailwind CSS 与 shadcn 风格组件构建界面

03

以模块方式提供认证、账单、公告、路线图、主题和博客等官方功能包

04

提供官方 CLI 安装脚本，可引导选择前端框架并安装首批模块

05

包含在线演示与文档站点，便于在采用前查看实际页面

06

MIT 许可，允许免费使用、修改、商用和分发该版本代码

模板详细介绍

Saucebase 是一个面向 SaaS 产品的 Laravel 启动套件，仓库由 saucebase-dev 维护，采用 MIT 许可。它把后端放在 Laravel 中，前端通过 Inertia.js 接入，并允许在 Vue 或 React 之间选择，同时使用 TypeScript、Tailwind CSS 与 shadcn 风格组件。项目以模块化方式组织功能，官方模块包括认证、账单、公告、路线图、主题和博客，分别以独立包的形式提供，覆盖登录与社交登录、邮箱验证、管理员模拟、订阅与结账、站内公告、功能投票、主题编辑和带分类与 SEO 的公开博客等场景。安装推荐使用官方 CLI 脚本，脚本会按需安装 PHP/Composer，并引导选择前端框架和安装首批模块。仓库同时提供在线演示和文档站点，并包含 Playwright 相关测试支持。需要注意的是，README 中列出的版本徽章只表示项目声明支持的主线或次线版本，具体依赖约束以 composer.json、package.json 和 stubs 目录下的清单为准；演示图片、字体、图标等第三方素材需单独核对许可，域名、托管、数据库、支付或 AI 等外部服务可能产生额外费用。

VueLaravelReactSaaS启动器

适合你的项目吗？

适用场景

  • 需要快速搭建订阅制 SaaS 产品骨架，并希望后端使用 Laravel 的团队
  • 希望在 Vue 与 React 之间选择前端，同时保留统一 Inertia.js 页面模型的开发者
  • 需要认证、账单、公告、路线图、主题或博客等模块化功能，并可按需安装的项目
  • 想通过在线演示和文档先评估启动套件结构与使用方式的选型阶段

适合人群

  • 熟悉 Laravel 与 PHP，并计划构建 SaaS 应用的开发者
  • 使用 Vue 或 React 与 TypeScript 的前端开发者
  • 需要模块化扩展、愿意按官方模块组合功能的小型产品团队
  • 希望以 MIT 许可为基础进行二次开发或分发的项目

上手与定制指南

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

  1. 1

    推荐使用官方 CLI 脚本安装，脚本会按需安装 PHP/Composer，并引导选择前端框架和安装首批模块。

  2. 2

    README 中的版本徽章只表示项目声明支持的主线或次线版本，精确依赖约束需查看 composer.json、package.json 和 stubs/saucebase/stack/*/package.json。

  3. 3

    演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。

  4. 4

    域名、托管、数据库、支付或 AI 等外部服务可能另外收费，需自行评估成本。

  5. 5

    遇到问题可参考官方文档与 Discord 支持渠道，贡献前可阅读仓库中的贡献指南。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 推荐安装方式依赖官方 CLI 脚本，该脚本会联网下载并可能自动安装 PHP/Composer，需要网络与相应环境权限。
  • 认证、账单、公告、路线图、主题、博客等官方模块以及 breadcrumbs、laravel-playwright 均位于独立仓库，需分别获取，其许可与维护状态需单独核对。
  • 第三方依赖与演示素材（图片、字体、图标等）各自保留其许可，使用前需单独核对，不能仅凭本仓库的 MIT 许可判断。
  • 在线演示与文档站点为外部托管服务，访问和使用可能受其自身条款约束。
  • 获取支持需加入官方 Discord 外部服务，可能需要注册账号并遵守其平台规则。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

The CLI installs PHP/Composer if needed, then guides you through choosing a frontend framework and installing your first modules.

README 原文

Several official packages are maintained outside of this repo:

README 原文

Third-party dependencies keep their own licenses.

README 原文

Want to see it live? [Try the online demo](https://demo.saucebase.dev/).

README 原文

Having trouble? Get help in the official [Saucebase Discord](https://discord.gg/CuhSFA7qY).

README 原文
https://github.com/saucebase-dev/saucebase/blob/main/LICENSEhttps://github.com/saucebase-dev/saucebase/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 1de6d302a273bf79c9a68122a7806ce5ce41d338fa91ebb6258bba94308a8a67

2026-10-02T14:39:50.675Z

来源文件 / 仓库
<p align="center">
  <br/>
  <a href="https://saucebase-dev.github.io/docs/">Saucebase</a> is a modular Laravel SaaS starter kit for the modern web &mdash;
  <br/>
  own your code, ship faster.
  <br/><br/>
</p>

<div align="center">

[![Tests](https://github.com/saucebase-dev/saucebase/actions/workflows/test.yml/badge.svg)](https://github.com/saucebase-dev/saucebase/actions/workflows/test.yml)
[![Laravel](https://img.shields.io/badge/Laravel-13-FF2D20?logo=laravel&logoColor=white)](https://laravel.com)
[![PHP](https://img.shields.io/badge/PHP-8.4+-777BB4?logo=php&logoColor=white)](https://php.net)
[![TypeScript](https://img.shields.io/badge/TypeScript-6.x-3178C6?logo=typescript&logoColor=white)](https://typescriptlang.org)
[![Vite](https://img.shields.io/badge/Vite-8.x-646CFF?logo=vite&logoColor=white)](https://vite.dev)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-4.x-06B6D4?logo=tailwind-css&logoColor=white)](https://tailwindcss.com)
[![Inertia.js](https://img.shields.io/badge/Inertia.js-3.x-9553E9)](https://inertiajs.com)
[![Filament](https://img.shields.io/badge/Filament-5.x-10B981)](https://filamentphp.com)
[![Playwright](https://img.shields.io/badge/Playwright-1.x-000000?logo=playwright&logoColor=white)](https://playwright.dev)

Works with:<br/>
[![Vue 3.5](https://img.shields.io/badge/Vue-3.5-4FC08D?logo=vue.js&logoColor=white)](https://vuejs.org) [![React 19](https://img.shields.io/badge/React-19-61DAFB?logo=react&logoColor=black)](https://react.dev)

</div>

## Install

The **recommended** way to install Saucebase is by running the command below:

```bash
curl -fsSL https://install.saucebase.dev | bash
```

The CLI installs PHP/Composer if needed, then guides you through choosing a frontend framework and installing your first modules.

Looking for help? Start with our [Getting Started](https://saucebase-dev.github.io/docs/) guide.

Want to see it live? [Try the online demo](https://demo.saucebase.dev/).

## Documentation

Visit our [official documentation](https://saucebase-dev.github.io/docs/).

The version badges above show the supported major (or minor, for Vue) lines
declared by the project and stack manifests. Exact dependency constraints live
in `composer.json`, `package.json`, and `stubs/saucebase/stack/*/package.json`.

## Support

Having trouble? Get help in the official [Saucebase Discord](https://discord.gg/CuhSFA7qY).

## Contributing

**New contributors welcome!** Check out our [Contributors Guide](CONTRIBUTING.md) for help getting started.

## Modules

| Module | Version | Description |
| ------ | ------- | ----------- |
| [auth](https://github.com/saucebase-dev/auth) | [![auth version](https://img.shields.io/packagist/v/saucebase/auth.svg?label=%20)](https://github.com/saucebase-dev/auth) | Authentication, social login, email verification, and admin impersonation |
| [billing](https://github.com/saucebase-dev/billing) | [![billing version](https://img.shields.io/packagist/v/saucebase/billing.svg?label=%20)](https://github.com/saucebase-dev/billing) | Subscriptions, checkout sessions, and payment processing |
| [announcements](https://github.com/saucebase-dev/announcements) | [![announcements version](https://img.shields.io/packagist/v/saucebase/announcements.svg?label=%20)](https://github.com/saucebase-dev/announcements) | Site-wide announcement banners with scheduling and dismissal support |
| [roadmap](https://github.com/saucebase-dev/roadmap) | [![roadmap version](https://img.shields.io/packagist/v/saucebase/roadmap.svg?label=%20)](https://github.com/saucebase-dev/roadmap) | Feature requests, voting, and public product roadmap |
| [themes](https://github.com/saucebase-dev/themes) | [![themes version](https://img.shields.io/packagist/v/saucebase/themes.svg?label=%20)](https://github.com/saucebase-dev/themes) | Visual theme editor for designing and baking your app's look and feel |
| [blog](https://github.com/saucebase-dev/blog) | [![blog version](https://img.shields.io/packagist/v/saucebase/blog.svg?label=%20)](https://github.com/saucebase-dev/blog) | Public blog with categories, cover images, scheduling, and SEO |

Several official packages are maintained outside of this repo:

| Package | Repository |
| ------- | ---------- |
| [saucebase/breadcrumbs](https://github.com/saucebase-dev/breadcrumbs) | [saucebase-dev/breadcrumbs](https://github.com/saucebase-dev/breadcrumbs) |
| [saucebase/laravel-playwright](https://github.com/saucebase-dev/laravel-playwright) | [saucebase-dev/laravel-playwright](https://github.com/saucebase-dev/laravel-playwright) |

## Links

- [Contributing](CONTRIBUTING.md)
- [Documentation](https://saucebase-dev.github.io/docs/)
- [Demo](https://demo.saucebase.dev/)

## License

Saucebase is [MIT licensed](LICENSE).

Third-party dependencies keep their own licenses. To list them:

```bash
composer licenses
npx license-checker --production
```
反馈内容错误

看看同类模板

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

vitesse

vitesse

🏕 Opinionated Vite + Vue Starter Template

Vue · 启动器

vitesse-webext

vitesse-webext

⚡️ WebExtension Vite Starter Template

Vue · 启动器

laravel-vue-spa

laravel-vue-spa

A Laravel-Vue SPA starter kit.

Vue · 启动器

vue3-h5-template

vue3-h5-template

vue3-h5-template 是一个面向移动端 H5 项目的启动模板，基于 Vue3、Vite 和 Vant4 构建，同时集成了 TypeScript、Tailwindcss、Pinia、Vue-router 等常用…

Vue · 启动器

tov-template

tov-template

vite + vue3 + ts 开箱即用现代开发模板 | vite + vue3 + ts out-of-the-box modern development template

Vue · 启动器

shadcn-vue-landing-page

shadcn-vue-landing-page

New design 🎉 Vue + Shadcn-vue + TypeScript + Tailwind. Landing page template ease-to-use

Vue · 企业官网