用 Next.js 打造一个属于你自己的个人站点

为什么需要一个个人站点

在社交平台之外，个人站点是唯一完全属于你的空间：域名、内容、样式都由你决定。它既是简历的延伸，也是长期积累的容器。

技术选型

• Next.js（App Router）：同时提供页面渲染与后端 API，一个进程即可跑完整站
• Tailwind CSS：快速构建设计系统，深色模式开箱即用
• Prisma + SQLite：本地零配置，部署时单文件备份即可

// 一个最简单的服务端数据读取
export const dynamic = 'force-dynamic';

const posts = await prisma.post.findMany({
  where: { published: true },
  orderBy: { publishedAt: 'desc' },
});

目录结构建议

目录	职责
app/(site)	面向访客的页面
app/admin	后台管理页面
app/api	后端接口
lib	数据访问、鉴权、工具函数

上线

使用 PM2 守护进程 + nginx 反向代理，几分钟即可完成部署。详细步骤见项目中的部署文档。

重要的是先上线，再迭代。一个粗糙但真实的站点，远胜过永远停留在草稿的完美设计。