其他SaaS

Hikari-saas — 其他 SaaS模板

作者 taha-codes09

基于Next.js、Supabase和Stripe的SaaS启动模板，含认证、支付与订阅管理。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

仓库预览 11 / 3

查看源码在新标签页打开

作者提供的预览

来自项目仓库的原始界面图片。

全部页面与视图 3

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

采集于 2026-09-27查看来源

值得关注的模板亮点

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

基于 Next.js、TypeScript、TailwindCSS 构建

集成 Supabase Auth 与 PostgreSQL 数据库

内置 Stripe Checkout、Customer Portal 与 Webhook 同步

使用 tRPC 实现类型安全的 API 层

包含 Zod 数据校验与 Shadcn/ui 组件

提供落地页、仪表盘和定价页示例

模板详细介绍

Hikari 是一个面向 SaaS 产品快速启动的 Next.js 模板，技术栈涵盖 React 18、TypeScript、TailwindCSS、Supabase 和 Stripe。它试图把从用户认证、数据库操作到订阅计费的常见环节都打包好，让开发者能在一个项目里完成核心业务闭环。仓库自述中强调其“高性能”与“一体化”，但具体性能表现和代码质量需要自行验证。

模板内置了 Supabase Auth 处理用户登录，Supabase Database 管理 PostgreSQL 数据，同时集成了 Stripe Checkout 和 Customer Portal，并通过 Webhook 同步订阅状态。前端使用 Shadcn/ui 和 Tailwind UI 组件，配合 Zod 做数据校验，tRPC 提供类型安全的 API 层。从截图看，它提供了落地页、用户仪表盘和定价页的基本布局，适合需要快速搭建 MVP 的团队或个人开发者。

不过，项目目前没有发布版本记录，star 数也为零，README 中未提及测试覆盖、部署指南或生产环境注意事项。如果你考虑在商业项目中使用，建议先检查依赖的维护状态、安全配置（如 Stripe Webhook 签名验证）以及 Supabase 的 Row Level Security 策略是否完整。

SaaS

适合你的项目吗？

适用场景

快速搭建 SaaS 产品原型或 MVP
需要用户认证与订阅计费功能的项目
偏好使用 Supabase 作为后端服务的开发者
希望基于 Next.js 全栈框架进行开发的团队

适合人群

熟悉 Next.js 和 TypeScript 的开发者
需要 Stripe 订阅管理的小型项目
希望减少重复搭建基础设施的独立开发者

上手与定制指南

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

1
克隆仓库后使用 pnpm 安装依赖，复制 .env.example 为 .env.local 并填写 Supabase 和 Stripe 的环境变量。
2
需要自行配置 Supabase 项目、Stripe 账户以及 Webhook 端点。
3
启动开发服务器前请确认所有环境变量正确。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用，仅需保留版权与许可声明；README未提出额外授权限制。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中保留版权声明和许可声明

额外费用与待核对事项

README未说明Shadcn/ui、Tailwind UI等第三方组件的独立授权条款

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文