AstroTypeScript启动器SaaS

Astro Supabase Starter — Astro 启动器模板

作者 Netlify Templates

Netlify 官方 Astro 与 Supabase 全栈启动器，适合认证与数据驱动页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

已检查补充预览来源，暂未找到更多可用的页面或手机端截图。

整体预览

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

桌面端截图

查看现有预览图，更多页面尚未采集。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

值得关注的模板亮点

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

官方维护：由 Netlify 模板团队提供，与 Netlify 平台集成良好

全栈演示：展示 Astro 页面如何调用 Supabase 认证与数据库

数据库迁移：包含 supabase/migrations 目录，可快速初始化表结构

种子数据：提供 supabase/seed.csv 文件，便于测试数据驱动页面

部署便捷：支持一键部署到 Netlify，并自动创建仓库

模板详细介绍

Astro Supabase Starter 是 Netlify 模板目录中的一个全栈起点，将 Astro 的静态生成与 Supabase 的后端能力结合起来。项目结构清晰，演示了如何在 Astro 页面中接入 Supabase 的认证与数据库功能，适合需要登录、数据读写和轻量 SaaS 场景的项目。模板预置了迁移脚本和种子数据，方便快速搭建原型。

模板的核心价值在于它展示了 Astro 与 Supabase 的集成方式，并针对 Netlify 部署做了优化。通过 Netlify 的 Supabase 扩展，可以简化环境变量配置，但如果不使用该扩展，则需要手动设置 SUPABASE_DATABASE_URL 和 SUPABASE_ANON_KEY。本地开发需要 Netlify CLI 并链接到已部署站点，以确保运行时一致。

需要注意的是，模板本身并未包含完整的业务逻辑，认证和数据库功能需要自行实现。部署前应检查 Supabase 项目的安全规则，并确认环境变量配置正确。适合熟悉 Astro 和 Supabase 的开发者，作为项目脚手架使用。

AstroSupabase全栈Netlify

适合你的项目吗？

适用场景

需要登录和用户数据管理的轻量 SaaS 应用
以内容为主但需动态数据交互的 Astro 网站
希望快速搭建全栈原型并部署到 Netlify 的开发者

适合人群

熟悉 Astro 和 Supabase 的开发者
需要快速启动全栈项目的团队
偏好 Netlify 生态的用户

上手与定制指南

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

1
需要 Node.js v18.14+，并创建 Supabase 项目。
2
运行迁移 SQL 并导入种子数据。
3
本地开发需安装 Netlify CLI，并链接到已部署站点。
4
若不使用 Netlify Supabase 扩展，需在 .env 中设置 SUPABASE_DATABASE_URL 和 SUPABASE_ANON_KEY。

查看仓库使用说明