SaaS网站模板生成器

通过编辑YAML配置文件快速生成包含主页、功能页面、博客、定价等完整SaaS网站模板的工具,基于Rust和PostgreSQL构建。

  • by systempromptio
  • JavaScript
  • 本地部署
  • 2 星标
  • 更新于
在 GitHub 查看 systempromptio/propllia-template

使用说明

SaaS登录页面模板——编辑YAML,获得一个生产网站。

文档 · Discord 的中文翻译是“不和谐”或“纷争”。 · 问题


克隆此模板,编辑YAML配置文件,并获得一个完整的SaaS登录页面,其中包括主页、功能页面、博客、定价层、文档和一个AI聊天机器人——准备部署。

包含的示例内容用于 所有权,西班牙物业管理产品。用你自己的产品和语言替换YAML和Markdown。

建立在 系统提示.io.编译为单个Rust二进制文件。一个依赖:PostgreSQL。


所得

页面 描述 配置文件
首页 英雄部分,功能网格,工作步骤,定价层次,CTA services/web/config/homepage.yaml
专题页面 7个详细的页面,包括部分、内联SVG视觉效果和相关链接 services/web/config/features/*.yaml
博客 带有SEO元标签、站点地图、结构化数据的Markdown帖子 services/content/blog/*/index.md
文档 带有侧边栏导航的文档部分 services/content/documentation/
演示页 交互式产品演示 services/web/config/demo.yaml
AI 代理 回答访问者关于您产品的问题的聊天机器人 services/agents/welcome.yaml

快速开始

先决条件

  • 锈蚀1.75+: rustup.rs
  • 仅仅:命令运行器(cargo install just)
  • 码头工人:用于本地PostgreSQL(docker.com)

1.使用此模板

点击 “使用此模板” 在GitHub上,或:

gh repo create my-saas --template systempromptio/propllia-template --clone
cd my-saas

2.建造

just build

3.设置

just login      # Authenticate with systemprompt.io cloud
just tenant     # Create your tenant and database

4.启动

just start

访问 http://localhost:8080 --您将看到完整的登录页面,其中所有部分都是实时的。


自定义您的登录页面

一切都是由YAML和Markdown驱动的。内容无需更改代码。

services/
  web/
    metadata.yaml            ← Site name, SEO, base URL (start here)
    config/
      homepage.yaml          ← Hero, features grid, pricing, CTAs
      features/*.yaml        ← One file per feature page (7 included)
      theme.yaml             ← Colors, fonts, branding
      navigation.yaml        ← Header menus, footer links, docs sidebar
      demo.yaml              ← Demo page content
    templates/               ← Handlebars HTML templates (advanced)
  content/
    blog/*/index.md          ← Blog posts (Markdown with frontmatter)
  agents/
    welcome.yaml             ← AI agent personality and product knowledge

站点标识-- services/web/metadata.yaml

site:
  name: "Your Project"
  title: "Your Project - Your Tagline Here"
  description: "Replace this with your project description for SEO and social sharing."
  author: "Your Name"
  baseUrl: "https://your-domain.com"

seo:
  defaultImage: "/files/images/logo.png"
  twitterHandle: "@your_handle"
  keywords: "your, keywords, here"

品牌建设-- services/web/config/theme.yaml

branding:
  name: "YourProduct"
  title: "YourProduct - Your tagline"
  themeColor: "#0D7D6C"      # Change to your brand color
  display_sitename: true
  twitter_handle: "@your_handle"

主页-- services/web/config/homepage.yaml

主页的YAML控制着每个部分:英雄文本和CTA,一个带有图标和描述的功能网格,它的工作步骤,定价层次(免费/付费/企业),以及最后的行动呼吁。编辑文件并重新启动以查看更改。

专题页面-- services/web/config/features/*.yaml

每个功能都有自己的YAML文件,其中包含标题、突出显示徽章、多个内容部分(支持HTML、表格、SVG视觉效果)、项目列表和相关功能的链接。添加或删除文件以控制存在哪些功能页。

博客-- services/content/blog/

每个帖子都是一个目录,其中包含 index.md 文件。Frontmatter定义标题、描述、作者、标签和发布日期。该模板自动处理SEO元标签、Open Graph、结构化数据和站点地图生成。


项目结构

propllia-template/
├── services/                   # Your content — YAML and Markdown
│   ├── web/
│   │   ├── metadata.yaml       # Site identity and SEO
│   │   ├── config/             # Homepage, features, theme, navigation
│   │   └── templates/          # Handlebars HTML templates
│   ├── content/
│   │   └── blog/               # Blog posts (Markdown)
│   └── agents/
│       └── welcome.yaml        # AI welcome agent
│
├── extensions/                 # Rust code — advanced customization
│   ├── web/                    # Web rendering engine
│   └── mcp/                    # MCP servers
│
├── storage/files/              # Static assets (images, fonts, CSS)
├── Cargo.toml                  # Rust workspace (systemprompt-core dependency)
└── justfile                    # Development commands

关键规则:

  • 内容和配置进入 services/ (仅限YAML和Markdown)
  • Rust代码进入 extensions/
  • CSS进入 storage/files/css/

命令

命令 描述
just build 构建项目
just start 启动服务器(本地主机:8080)
just login 通过systemprompt.io云进行身份验证
just tenant 创建租户、数据库并运行迁移
just deploy 构建发布并部署到云端
just docker-build 构建Docker镜像
just docker-run 在Docker容器中运行

基于systemprompt.io构建

此模板扩展 系统提示核心,它提供了web服务器、模板渲染、代理运行时、MCP协议、身份验证(OAuth2+WebAuthn)、数据库迁移和可观察性。您拥有代码并通过 extensions/ 目录。

适用于Claude Code、Claude Desktop、ChatGPT和任何兼容MCP的客户端。

请参阅完整参考资料 systemprompt.io/文档.


许可证

麻省理工学院——见 许可证.

取决于 系统提示核心 (FSL-1.1-ALv2)。


文档 · Discord 的中文翻译是“不和谐”或“纷争”。 · 系统提示核心 · 问题

问题?加入我们 Discord 的中文翻译是“不和谐”或“纷争”。.