定制 Web 应用

面向「操作系统」与内部工具的定制 Web 应用开发

当现成 SaaS 不够用时，SeoMata 构建那个会成为你「操作系统」的定制应用 —— 预约、会员后台、排程、Dashboard、Marketplace、内部工具。现代栈、真实生产级严谨度、源码归你。

为定制应用 scoping 查看应用作品

60+

已上线定制应用

覆盖 SMB 与中型企业

99.95%

可用性 SLA

标准托管层

< 200ms

p95 延迟

默认 API 表面

100%

源码归你

无供应商锁定

我们说「定制 Web 应用」涵盖什么

定制 Web 应用是一段在浏览器（有时也在移动端）跑、并且归你的软件 —— 不是 SaaS 订阅。它通常起步于「我们已经超出 Notion / Airtable / 表格 / 现成工具」，最终成为团队每天工作的「操作系统」。

SeoMata 用做营销网站同样的方式做这件事 —— 现代栈、真实工程严谨度、书面文档、无供应商锁定 —— 但在数据模型、角色 + 权限设计、集成、长期可维护性上投入更深。

本页讲什么时候投、做哪些应用、默认栈、怎么构建、质量底线、成本怎么框架。营销站请看 /design-development/web-development；移动 App 请看 /design-development/mobile-app-development。

供应商锁定

开源栈、你的仓库

工程师 / 项目

Lead + Reviewer

< 1 周

验收到上线

生产部署

判断

准备好上定制应用的 6 个信号

SaaS 装不下工作流

你为 5 个 SaaS 工具付费，做的却是一个定制应用能做的事 —— 工具之间的接缝就是 Bug 和手工活的所在。

数据散在多个工具里

客户 / 订单 / 排程 / 支付数据在 4+ 系统里。报表需要手工对账；你没法实时回答关于自己业务的简单问题。

差异化工作流

你的运营方式本身是竞争优势 —— 但任何 SaaS 都不开箱支持。定制应用把这个工作流编码成壁垒。

你向用户收费用 App

你在做 SaaS、Marketplace 或客户付费门户。产品本身就是业务；现成做不了。

合规要求所有权

HIPAA / SOC 2 / GDPR / ISO 27001 —— 审计要求你拥有数据层和基础设施时，SaaS 就难以站住脚。

内部工具扩展不动

团队用 Retool / Airtable / Notion 搭起来过得去，但开始撞接缝。在脆弱性变成负担前，把它变成真正的应用。

类型

我们在生产环境上线过的 6 类应用

预约 + 排程系统

多员工、多门店、循环、对接日历 + 支付 + SMS。服务型企业的运营骨干。

会员 / 患者后台

管理 Dashboard / BI

整合 CRM / 支付 / 库存 / 广告花费数据的运营 Dashboard。替代「我每周一更新一次的表格」。

Marketplace / 多租户 SaaS

面客 SaaS、Marketplace、租户管理、账单、角色权限、白标。

内部工具（CRM / ATS / 运营）

定制 CRM、ATS、调度看板、路线规划、车队管理。做一次、维护多年。

面客 Configurator

商品 Builder、报价生成器、线索资格流、可嵌入 Widget。营销 + 运营 + 电商都受益。

技术栈

定制应用的默认栈

Next.js + TypeScript

App Router / Server Components / Server Actions 按场景用。面客 + 内部都用。前后端同语言提速团队。

Postgres on Neon / Supabase / RDS

默认 Postgres —— 验证过、可预测、工具好。早期阶段 Supabase 或 Neon；规模化用 RDS 或托管集群。

Auth via Clerk / NextAuth / Auth0

Auth 选型按场景。B2C 快启动用 Clerk；B2B 全控制用 NextAuth；企业合规用 Auth0。

Drizzle / Prisma ORM

类型安全 Schema、迁移即代码、不会有 N+1 意外。性能敏感路径用 Drizzle，开发体验优先用 Prisma。

tRPC 或 REST + OpenAPI

内部应用前后端同发用 tRPC；需要第三方集成时用 REST + OpenAPI。

PostHog + Sentry

产品分析 + 漏斗 + Replay（PostHog）；错误监控 + 告警（Sentry）。第一天就接好，不是上线才接。

流程

六阶段定制应用构建流程

需求挖掘 + 规格
用户研究、工作流梳理、数据模型设计、集成清单。产出：含数据模型 + API 表面 + 权限矩阵的书面规格。
架构 + Foundation
仓库、CI/CD、部署管线、Auth、基础布局、错误监控。第一周 Hello World 部署到生产级基础设施。
Vertical Slice
一条端到端流程（UI → API → DB → 集成）上线，让团队在构建变深前先看到东西在跑。
展开 + 集成
其余流程 + 集成（日历 / 支付 / SMS / CRM / ERP 等）用 Staging 凭证接好。
QA + 性能 + 可访问性
跨设备 + 多角色 QA、API 性能测试、Web UI axe-core Pass、可访问性声明。
上线 + 30 天陪跑
生产部署、监控上线、30 天每周节点、Runbook 交接。

质量

每个定制应用都达到的质量底线

端到端类型安全
TypeScript 贯穿 UI + API + DB Schema。CI 抓类型错误，不带去生产。
Auth + 角色 + 审计日志
角色 + 权限矩阵、敏感动作审计日志、Session 管理。
API 文档
导出 OpenAPI 规格或 tRPC 类型；外部消费者存在时自动生成客户端 SDK。
关键路径测试覆盖
Auth / 账单 / 数据变更 / 集成的 Unit + Integration 测试。不追求 100%，但保证对的 30%。
后台任务 + 队列
Inngest / BullMQ / 原生队列，含重试 + Dead-Letter。不会有「Spawn 一个 setTimeout 然后祈祷」。
错误监控 + 告警
Sentry（或同类）接到 PagerDuty / Slack；生产错误呼 On-Call。
备份 + 恢复
自动每日备份、每季度演练恢复、书面灾难恢复 Runbook。
文档 + Runbook
架构图、部署指南、环境变量参考、集成 Owner 列表、On-Call 升级路径。

作品

近期定制应用作品

KMS Mobile Notary Service

移动公证

Global Lab Supply

实验室设备

Rachel Mintz Mobile Notary

移动公证

Industrial Scale & Measurement

工业设备

Sparkle Restoration

修复服务

MSP Firearms Training

射击训练

投入

定制应用的成本通常怎么拆

定制应用比营销站更可变，因为变量是数据模型，不是页面数。最影响数字的三件事：数据模型复杂度（5 个 Entity 还是 30 个）、权限 + 多租户故事的复杂度（单租户 SMB 还是多租户 SaaS）、集成数量。

一个典型 SeoMata 定制应用 MVP —— 范围清晰、现代栈、8–12 周聚焦构建 —— 落在 USD 40,000 到 USD 110,000 之间。更大的 SaaS 或 Marketplace 平台到一个可立足的 v1 需要 4–7 个月、USD 120,000–320,000。Scoping 阶段我们会给出分期估算，让你决定 v1 画在哪。

上线后运营成本通常每月 USD 2,500–6,500（SeoMata 持续维护时）。Retainer 覆盖 Backlog、监控 + 事件响应、基础设施维护、安全补丁、季度架构复审。多数客户在 6–12 个月后把应用收回内部；我们从 Kickoff 就把这条路明确画出来。

定制应用项目常见问题

源码归我们吗？

是。第一天起仓库就在你的 GitHub 组织里。部署不依赖我们；你可以撤销我们的访问、应用照常运行。

典型 MVP 多久？

范围清晰的聚焦 MVP 8–12 周。多租户 SaaS 或 Marketplace 通常需要 16–28 周到可立足的 v1。

能和我们现有工程师一起做吗？

能 —— 约三分之一项目是 Co-Build：SeoMata 负责架构 + 初始构建，你方团队在构建期参与并在上线后接管。我们一开始就把交接边界写下来。

移动呢？

移动 App 在 /design-development/mobile-app-development 做。默认模式是先 Web，再在用户行为正当时上移动；同一份 API + 数据模型同时服务两端。

推荐什么栈？

多数定制应用：Next.js + TypeScript + Postgres + Drizzle/Prisma + Clerk/NextAuth + tRPC（或 REST + OpenAPI）。极特定场景会推荐其他栈（如科学计算重的应用用 Django、B2C 快原型 Marketplace 用 Rails）。

托管 / DevOps 也做吗？

做。默认 Vercel + Neon / Supabase。企业级：AWS 或 GCP + IaC（Terraform）+ 专门 DevOps 工程师。