Meridian Dental
专为独立牙科诊所设计的营销网站、患者门户、AI 预约助手和管理后台，作为诊所开箱即用的产品化套件。
Next.js 16
React 19
Tailwind CSS 4
shadcn/ui
Supabase
Resend
Gemini AI
FullCalendar
概览
Meridian Dental 是面向独立牙科诊所的一站式网络门户与轻量化运营后台。面向公众的前端是一个精致的营销网站，包含诊疗服务、医疗团队、联系方式以及引导式预约向导。后台则集成了一个患者门户、一个负责答疑及预约挂号的 AI 助手，以及一个供诊所统一管理业务的控制台。我将其打造为一款可直接售卖的产品（一次性建站加按月订阅方案），而非一次性外包客户网站。其定位明确，旨在无缝衔接诊所现有的患者管理系统前端，而非试图全盘替代。
问题
独立牙科诊所通常面临两难抉择：要么选择除了展示电话号码外别无他用的宣传型网站；要么斥资采购笨重繁琐的诊所管理软件——这类系统虽能处理病历，但在协助患者在线预约或答疑方面却无能为力。市场上缺少兼顾两者的方案：既具备专业形象、支持患者自主办理、能解答常规疑问，又能为牙医提供极简管理后台，且无需承担六位数的软件合同成本。
我的角色与方法
从产品构想到工程落地，整个项目均由我独立设计与开发。其中很大一部分工作在于明确“不做什么”。该产品刻意避免与成熟的诊所管理系统正面竞争，而是聚焦于业务入口环节：预约挂号、患者沟通以及轻量化运营控制台。这种克制保证了交付周期的可控性，并形成了足够清晰、易于商业定价的核心价值主张。
技术栈
主要功能
图集
挑战与解决方案
核心工程难点在于防范重复预约。两名患者在同一时刻点击“确认”同一时段是典型的竞态条件问题，仅依靠应用层代码检查永远无法完全消除这一漏洞。我利用 Postgres 的 GiST 排他约束在底层解决了该问题，由数据库本身以原子化方式直接拒绝同一牙医的时间重叠预约。这使得排程冲突从“极小概率”变成了“根本不可能”。此外，独立的可用时段接口为预约向导提供数据支撑，提前将不可选时间置灰，使患者从源头上基本不会触发冲突报错。
AI 助手是另一个亮点。医疗诊所的智能机器人绝不能出现虚假信息生成。我将其与诊所本身的业务文档进行知识检索绑定，确保回答完全基于牙医可控、可编辑的真实内容；同时限制其为一组精准的工具接口，防止其无边界自由发挥。它仅具备预约、发留言或跳转页面这几项权限。牙医可直接在管理后台维护知识文档，无需技术人员介入即可保证问答内容时刻保持最新。
成果
Meridian Dental 是一个完整可用、可直接演示交付的产品。诊所可直观预览其站点，患者可通过 AI 助手或向导流程自主预约，预约数据实时同步至后台日历，并在数据库级提供排程防冲突保护。其采用标准化、可复用的方案交付，而非定制化项目，既是高水准的作品集案例，也是实打实的商业级模板。