跳到主要内容

开源 · Apache License 2.0

Provelopment Foundation —— 可复用的网站基础

它是企业或开发者的起点:不是空文件夹,而是已经可以运行的网站基础。您的品牌标识、内容和形象仍然属于您,而每次重建都代价高昂的部分可以被复用。

从您所在的位置开始: 面向企业 · 面向开发者

The model

  1. 1 · Inputs

    配置 + 内容 + 资源

  2. 2 · The reusable system

    Provelopment Foundation

  3. 3 · Output

    您的网站

从您所在的位置开始

  • 面向企业

    一个可靠、属于您、由您自己部署,并且日后可以交给任何开发者的网站。

    • 品牌标识、内容和形象仍然属于您。
    • 没有账号、订阅,也不依赖某个平台。
    • 无需重写系统即可修改业务特有的内容。

    企业版 Foundation

  • 面向开发者

    一个自律的起点,而不是空仓库。

    • 经过类型校验的配置与内容。
    • 由测试保障的六边形边界。
    • 从第一次提交起就存在的真实校验关卡。

    开发者版 Foundation

实施方与代理机构:同一套基础让第二个、第十个网站的成本远低于第一个。使用 Foundation 不需要选择商业合作关系:您可以自行实施、交由自己的开发者,或向 Provelopment 寻求帮助。

Foundation 为什么存在

每个企业网站都在从零重建同样的基础。Foundation 把这条起跑线向前推进。

在每个网站上被重复构建的东西

  • 路由、语言和页面结构
  • SEO 元数据与结构化数据
  • 响应式导航与布局
  • 表单、校验与咨询路径
  • 部署与质量关卡

Foundation 向前推进的东西

  • 这些基础已经存在并且经过测试
  • 业务特有的内容变成配置与内容
  • 系统仍然是可复用的基础,而不是某个网站的代码
  • 部署与所有权仍属于您

模型如何运作

共四个阶段。中间两个由 Foundation 负责,第一个和最后一个属于您。

  1. Stage 1

    输入:您的数据

    配置、内容和品牌 —— 属于您的部分。

  2. Stage 2

    Provelopment Foundation

    可复用的系统:路由、呈现、校验与集成点。

  3. Stage 3

    您的网站

    在同一基础上构建的一个网站或多个站点配置。

  4. Stage 4

    您的部署

    您自己的托管账号与域名。

运营系统位于 Foundation 旁边,而不是内部

Foundation 提供集成点和已配置的目标地址。服务本身仍在外部,由您来选择。

  • 预订

    指向您所用预订服务的外部链接。

  • 咨询接收

    转发到由您掌控的 Webhook 端点。

  • 地图

    路线解析到您配置的服务商。

  • 分析

    可选,除非您启用否则处于关闭状态。

  • 下游系统

    CRM、财务和订单处理仍属于您。

包含什么

企业网站所需的可复用组件。详细说明见“功能”页面。

  • 品牌标识与内容

    企业标识、页面内容、集合与媒体角色,全部来自配置和文件。

  • 呈现

    基于设计令牌的设计系统、布局基础组件,以及可配置的导航组合。

  • 国际化

    按语言路由、带回退的语言内容,以及语言选择。

  • 可见性

    规范 URL、hreflang、站点地图、robots、Open Graph 与结构化数据,全部自动生成。

  • 连接

    联系、预订、地图与分析作为不依赖服务商的集成点,并显式标注关闭状态。

  • 工程质量

    经过校验的配置、被强制执行的边界、真实关卡与浏览器验证。

查看全部功能

用真实演示证明

三个基于 Foundation 衍生系统构建的线上网站。它们是复用性的演示,不是客户,也不是案例研究。

  • Provelopment Foundation — 首页,包含主视觉、按受众划分的路径,以及模型的运作说明。

    开源项目网站

    Provelopment Foundation

    本站:一个项目的标识,拥有自己的信息架构和导航组合。

    Visit Provelopment Foundation

  • Ashcombe Landscapes & Gardens — 首页,展示自己的品牌、服务内容与项目图片。

    承接项目的服务企业

    Ashcombe Landscapes & Gardens

    另一种类型的企业:本地服务页面、项目图库,以及以报价为导向的路径。

    Visit Ashcombe Landscapes & Gardens

  • Ashcombe Cleaning Co. — 首页,展示自己的品牌、服务内容与主视觉设计。

    定期服务企业

    Ashcombe Cleaning Co.

    另一种功能组合:启用的能力更少、路径更短,并拥有自己的品牌。

    Visit Ashcombe Cleaning Co.

共同使用的部分

  • Foundation 衍生环境
  • 路由与元数据机制
  • 呈现系统与令牌
  • 校验与质量关卡

每个网站不同的部分

  • 品牌标识与形象
  • 内容与导航
  • 启用的能力
  • 功能决策

演示如何运作

工程可靠性

项目的主张可以在仓库中验证,而不是只在宣传册里陈述。

  • 经过校验的配置

    单一 schema,拒绝未知键,失败信息可用,且配置只能通过加载器读取。

  • 架构边界强制执行

    依赖方向与组件纯净由测试而不是约定来保证。

  • 在真实浏览器中验证

    响应式组合与交互行为在真实浏览器中检查。

  • 面向无障碍的开发

    键盘操作、焦点行为、语义结构,以及计算出的对比度检查。

  • 自动化关卡

    资源、类型、lint、测试与生产构建在变更落地之前运行。

  • 以证据为基础的主张

    能力的主张不能超出其实现与测试所证明的范围。

这里没有主张的内容

Foundation 不主张符合 WCAG、不主张公布的性能数据、不主张覆盖所有浏览器与设备,也不主张安全认证。无障碍与性能是在项目能够验证的范围内开发和验证的,并未获得认证。

所有权与刻意的边界

Foundation 是您拥有的基础设施,而不是租用的服务。分工刻意保持清晰。

属于您的

  • 网站标识与名称
  • 内容与文字
  • 字典与语言
  • 品牌与资源
  • 服务商选择
  • 部署与域名

属于 Foundation 的

  • 可复用的架构
  • 路由与内容机制
  • 呈现系统
  • 配置校验
  • 集成点
  • 验证基础设施

Foundation 刻意不提供的

  • 身份验证或客户账号
  • CRM 或财务
  • 电商或支付
  • 运营排班
  • CMS 或客户门户
  • 托管式主机

这些是架构边界,而不是缺陷:Foundation 在运营复杂性之前停下,并提供通往您所选服务的集成点。

功能与边界

开始使用

从获取 Foundation 到网站上线的八个步骤。

  1. Step 1

    获取 Foundation

    克隆或复刻公开仓库。

  2. Step 2

    在本地运行

    安装并启动,看到可以运行的基础。

  3. Step 3

    配置

    定义标识、语言与要启用的能力。

  4. Step 4

    添加内容

    把您的页面写成内容文件。

  5. Step 5

    启用所需能力

    只启用您需要的能力。

  6. Step 6

    连接服务

    把集成点指向您自己的服务商。

  7. Step 7

    验证

    运行项目自身的质量关卡。

  8. Step 8

    部署

    从您的账号部署到您的域名。

完整的开始路径

不产生依赖的帮助

三种正当方式,同等有效,没有一种是必须的。

  • 自己动手

    仓库及其文档足够完整,可以由您自己实施。

  • 使用自己的开发者或代理机构

    与已经信任的人合作。项目被设计为可以交接,而不依赖其作者。

  • Provelopment

    如您愿意,可以选择实施协助或支持。Foundation 从不要求商业合作关系。

如何获得帮助

在 Foundation 上构建

阅读代码、运行它、修改它。它属于您。

浏览演示 · 关于项目