SaaS登录页面模板——编辑YAML,获得一个生产网站。
](https://github.com/systempromptio/propllia-template/generate)      
______________________________________________________________________
克隆此模板,编辑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()
1.使用此模板
点击 “使用此模板” 在GitHub上,或:
gh repo create my-saas --template systempromptio/propllia-template --clone
cd my-saas2.建造
just build3.设置
just login # Authenticate with systemprompt.io cloud
just tenant # Create your tenant and database4.启动
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 的中文翻译是“不和谐”或“纷争”。.
