我的族谱网站开源啦！教你部署自己的族谱网站

最近我用 Cursor 花了半天时间为自己的家族开发了一个族谱网站。分享后，很多亲友表示也想拥有类似的族谱网站来记录家族历史。 于是我决定再花半天时间将这个项目开源，让更多人可以为自己的家族创建专属族谱网站！

项目介绍

这是一个基于 Next.js 开发的家族谱展示项目，可以用来展示和管理您的家族历史和成员关系。通过这个工具，您可以直观地呈现多代家族成员之间的关系链接，并记录每个成员的详细信息。

演示体验

如果您想先了解项目的实际效果，可以访问在线演示网站：https://familytree.pomodiary.com/

主要功能

• 多代家族成员的可视化展示
• 家族成员之间的关系链接清晰呈现
• 支持记录个人详细信息和生平事迹
• 可选的登录验证机制（可设置全家族成员登录或特定人员登录）
• 完全可定制的界面和数据结构
• 通过环境变量轻松配置基本家族信息

快速上手

使用非常简单，只需几个步骤：

• 安装依赖：使用 npm、yarn、pnpm 或 bun 安装
• 配置环境变量：复制 .env.local.example 并按需修改
• 添加家族数据：修改 config/family-data.json 文件
• 运行项目：使用开发命令启动，访问 localhost 查看效果

对于家族数据，您只需按照特定格式进行整理，系统就能自动生成美观的族谱展示。每个人物需要基本信息如姓名、ID、父亲ID（用于建立关系）、出生年份等。

数据准备小技巧

如果您有大量家族数据需要整理，可以借助AI工具（如ChatGPT、Claude等）帮助您快速生成符合格式的JSON数据。只需提供家族信息文本和格式要求，AI就能帮您转换成系统所需的结构化数据。

项目意义

作为独立开发者，我们时常会开发一些可能没有直接经济效益，但对社会和他人有所帮助的项目。这个族谱网站就是这样一个例子——它帮助家族成员记录和了解自己的根源，促进家族文化的传承。

这也体现了独立开发者的两面性：一方面我们需要考虑商业化和生存，另一方面我们也希望通过自己的技术为他人创造价值。

如何获取

GitHub项目地址：https://github.com/qiaoshouqing/familytree

欢迎各位使用、改进，也希望这个小工具能够帮助到更多家庭记录和传承自己的家族历史！