独立开发周记 #01 - 项目启动

前言

最近一直想搭建一个自己的个人博客，既能分享开发经验，又能整理平时收集的资源链接。经过一番调研，决定开始动手实现。

需求分析

核心功能

1. 文章展示 - 支持 Markdown，可以链接到外部平台
2. 资源导航 - 分类管理常用的工具和网站
3. 资源提交 - 允许访客提交新资源
4. 响应式设计 - 移动端友好

技术选型

经过对比，最终选择了：

• 框架: Next.js 14 (App Router)
• 样式: Tailwind CSS
• 内容管理: Markdown + JSON
• 数据库: Supabase (用于提交表单)
• 部署: Vercel

设计思考

参考了一些优秀的个人博客：

• Lee Robinson (leerob.io) - 简洁的设计风格
• SeedPlaybook - 卡片式的资源展示

最终确定采用卡片化设计，主色调为蓝色系，营造专业的科技感。

开发计划

阶段一：基础框架

• [x] Next.js 项目初始化
• [x] Tailwind CSS 配置
• [x] 基础组件库

阶段二：核心功能

• [ ] 首页设计
• [ ] 文章系统
• [ ] 资源库

阶段三：优化完善

• [ ] 性能优化
• [ ] SEO 配置
• [ ] 部署上线

遇到的问题

1. 设计系统 - 如何平衡功能性和美观性
2. 内容管理 - 静态生成 vs 动态加载的权衡
3. 用户体验 - 如何让资源发现更高效

下周计划

• 完成首页 Hero 区域
• 实现资源卡片组件
• 搭建基础的导航结构

---

这是我独立开发的第一篇记录，希望能坚持下去，记录整个过程中的思考和收获。

有什么想法欢迎和我交流 👋