我如何在8小时内搭建捐赠网站（以及原因）
发布: (2026年1月18日 GMT+8 08:33)
3 min read
原文: Dev.to
Source: Dev.to
任务
昨天，我创建了 hoki.help —— 一个为下奥地利的儿童临终关怀组织 HoKi NÖ 提供的捐赠平台。HoKi 为患有严重疾病的儿童家庭提供从诊断、治疗到哀悼支持的全程免费服务。
技术栈
| 组件 | 技术 |
|---|---|
| 框架 | Next.js 14（App Router） |
| 样式 | Tailwind CSS |
| 支付 | Stripe Checkout |
| 数据库 | Neon（无服务器 Postgres） |
| 托管 | Vercel |
| 域名 | hoki.help |
在约8小时内构建的功能
- ✅ 响应式登录页面（移动优先）
- ✅ 捐赠小部件（€10 / €25 / €50 / €100 + 自定义金额）
- ✅ 一次性和每月定期捐赠
- ✅ 匿名捐赠选项
- ✅ Stripe Checkout 集成
- ✅ 用于捐赠跟踪的 Webhook 处理
- ✅ 捐赠仪表（在达到 €500 后显示进度）
- ✅ 法律页面（Impressum，隐私政策 – 符合 GDPR）
- ✅ 带有 Schema.org 结构化数据的 FAQ 部分
- ✅ SEO 优化
为什么使用 Stripe Checkout 来满足 PCI 合规？
Stripe Checkout 安全可靠，开箱即支持 Apple Pay / Google Pay，因此我们无需自行处理 PCI 合规。我们仅存储汇总的捐赠统计数据（总金额、次数）。Neon 位于法兰克福的无服务器 Postgres 将数据保留在欧盟内部，我也在其他项目中使用它。
捐赠体验
捐赠应当无摩擦：无需注册、无需密码——直接捐赠即可。捐赠者可以选择保持匿名；他们的姓名既不被存储，也不与慈善机构共享——只有 Stripe 会看到用于支付处理的姓名。
🔗 hoki.help – 100 % 的捐款直接捐给 HoKi NÖ。 我通过我的公司承担所有托管费用。
对实现有疑问吗？请在下方留言！
为 HoKi NÖ 支持的儿童和家庭倾情打造 ❤️。