静态优先的 SaaS 官网模板

ZShip Astro 模板

为 SEO、内容增长和轻量转化页准备的 Astro 模板底座。页面默认输出快速、可索引的静态 HTML,只在定价、结账、表单、导航等需要交互的位置加载小块 JavaScript islands。

ZShip Astro Template dashboard preview

Astro 模板的优势

快速静态 HTML

大部分页面直接输出可索引 HTML,适合 SEO、内容分发和快速首屏。

小块 JavaScript Islands

只在需要状态的地方 hydration:定价切换、checkout、表单、菜单和登录检查。

适合内容密集页面

适合文档、博客、更新日志、案例、对比页、产品发布页和资源中心。

清晰接入 ZShip

完整账户、订单、工单和 AI 工作台继续交给 Nuxt/ZShip,公开站保持轻量。

Astro 负责公开页面,ZShip 负责工作台流程

这个本地化公开层适合 SaaS 官网、AI 产品发布页、文档站、博客、定价页和案例页。登录后的账户、订单、工单和 AI 工作台流程继续交给 Nuxt/ZShip。

适合什么站

SaaS 营销官网
AI 产品发布页
文档站
博客与更新日志
定价页和对比页
案例页与资源中心

web-astro 背后的完整 ZShip 平台栈

静态公开层

Astro、MDX、sitemap、SEO metadata 与静态 HTML,适合落地页、文档、博客、定价页和产品内容。

Nuxt 工作台

登录后的仪表盘、订单、工单、个人资料、账单和 AI Playground 等复杂流程继续由 Nuxt 承担。

React Islands

只在 checkout、定价切换、登录检查、表单和导航等需要浏览器状态的位置挂载小块 JS。

Cloudflare Workers

后端服务运行在 Workers 上,支持 Service Binding、公开密钥保护的 HTTP fallback 和 Worker 原生部署。

D1 / KV / R2

D1 保存平台数据,KV 承担缓存类状态,R2 用于上传文件、生成媒体和 CDN 资产。

Hono Services

ZShip 后端 Workers 使用轻量 HTTP 服务承载认证、支付、工单、邮件、CDN、Provider 和 AI 流程。

支付能力

Stripe 与 Creem checkout 通过 Astro API 代理接入,公开页面不会暴露支付服务密钥。

AI Gateway

AI 工作流留在 ZShip 服务与 Nuxt 工作台中,Astro 站点保持快速、可索引、转化优先。

面向 SEO 与转化 的 Astro 公开层

静态 HTML 优先

大多数公开页面直接输出快速、可索引的 HTML,而不是沉重的客户端应用壳。

内容集合

使用 Markdown 与 MDX 管理产品页、文档、博客、法律页、更新日志和资源内容。

SEO 基础设施

Astro 模板统一处理 metadata、canonical URL、本地化路由、sitemap、robots 与 OG 图片。

安全后端代理

定价、checkout 与登录请求通过 Astro BFF 路由转发,避免把后端密钥暴露给浏览器。

静态 HTML 优先
内容集合
SEO 基础设施
安全后端代理

面向 ZShip 服务 的后端 Workers 层

认证与用户

node1-auth 提供登录、用户身份、会话、积分、API Key 与项目维度账户数据。

支付

支付服务处理套餐、Stripe、Creem、checkout、webhook、订单、订阅和账单跳转。

工单与邮件

工单、通知和邮件投递运行在为 Cloudflare 部署准备的后端 Workers 中。

Service Bindings

生产环境通过 Cloudflare Service Bindings 做服务间通信,本地开发使用 HTTP URL fallback。

认证与用户
支付
工单与邮件
Service Bindings

面向 登录后工作流 的产品层

Nuxt 产品 UI

Nuxt 承担仪表盘、账单、订单、个人资料、工单等状态更重的登录后界面。

AI 工作流

AI Playground 与 Provider 流程留在 ZShip 服务和 Nuxt 中,便于处理更复杂的应用状态。

CDN 与存储

基于 R2 的 CDN 服务可以统一承载上传文件、生成文件、产品资产与媒体内容。

TypeScript 与 pnpm

workspace 使用 TypeScript、pnpm scripts、Wrangler 和共享约定,保证本地与 Cloudflare 构建一致。

Nuxt 产品 UI
AI 工作流
CDN 与存储
TypeScript 与 pnpm

ZShip Astro 常见问题

这个模板在完整 ZShip 平台中的边界。

不是。web-astro 是静态优先的公开层,用于 SEO、营销、文档、博客、定价页和轻量转化;完整工作台流程继续留在 Nuxt/ZShip。
只 hydration 需要浏览器状态的小岛:定价切换、checkout 按钮、表单、语言选择、移动端导航和登录检查。
Astro API 路由会代理到 ZShip 后端 Workers;生产使用 Cloudflare Service Bindings,本地开发使用 HTTP fallback。
可以通过服务端代理连接认证、支付、定价、工单、邮件、CDN 和 AI 相关服务,同时把密钥留在服务端。
ZShip

Astro 发布公开站,用 ZShip 承接应用层

这个模板适合快速获客页面,只把必要交互边界接入 ZShip 后端服务。

查看价格

轻量转化页的价格区块

计划信息保持静态输出,只把 checkout 按钮作为小型 island 接入 ZShip 支付。

I $49 / Per Month $490 / Per Month

Launch

适合单个 SEO 优先的产品官网、发布页、文档中心或 SaaS 门面。

Features Included
  • Astro 静态 HTML 页面
  • 博客、价格、文档和案例内容
  • ZShip 定价与 checkout 代理
  • 完整工作台
  • 多品牌发布套件
推荐
I $99 / Per Month $990 / Per Month

Growth

适合内容密集型 SaaS 站点,需要快速页面、强 SEO 和清晰的 ZShip 支付入口。

Features Included
  • 包含 Launch 全部能力
  • 交互式价格 island
  • SEO 元数据与 sitemap
  • Cloudflare Worker 部署
  • Nuxt 工作台跳转
I $199 / Per Month $1990 / Per Month

Platform

适合把 Astro 作为公开内容层、把 Nuxt/ZShip 作为登录后产品工作台的团队。

Features Included
  • 包含 Growth 全部能力
  • 多种营销与内容区块
  • 模板化品牌 manifest
  • 支持 Service Binding 的 API 路由
  • 完整工作台归属清晰