用 AI 做我的博客项目 - 第 1 周进度

我正在做一个实验：用 AI 辅助开发一个完整的博客项目。

这个项目包括：

• Next.js 14 博客
• AI Agent 对话功能
• 微信小程序

我会每周分享进度，记录 AI 帮我做了什么、遇到了什么坑。

这是第 1 周的记录。

第 1 周：项目搭建

目标

• 搭建 Next.js 14 项目骨架
• 实现博客文章列表和详情页
• 部署到 Vercel

AI 帮我做了什么

1. 项目初始化

我："帮我创建一个 Next.js 14 博客项目，使用 App Router、TypeScript、Tailwind CSS"

AI：生成了完整的项目结构，包括：

• textCopy

  1 app/
  目录结构
• textCopy

  1 lib/
  工具函数
• textCopy

  1 components/
  组件
• 配置文件

耗时：5 分钟（手动要 30 分钟）

2. MDX 支持

我："添加 MDX 支持，我需要用 Markdown 写文章"

AI：

• 安装
  textCopy

  1 @next/mdx
  相关依赖
• 配置
  textCopy

  1 next.config.js
• 创建 MDX 组件

耗时：10 分钟（手动要 1 小时）

3. 文章列表和详情页

我："创建博客文章列表页和详情页，支持从 MDX 文件读取内容"

AI：

• 创建
  textCopy

  1 lib/posts.ts
  读取 MDX 文件
• 创建
  textCopy

  1 app/blog/page.tsx
  列表页
• 创建
  textCopy

  1 app/blog/[slug]/page.tsx
  详情页
• 添加样式和动画

耗时：20 分钟（手动要 2-3 小时）

4. 部署到 Vercel

我："帮我配置 Vercel 部署"

AI：

• 创建
  textCopy

  1 vercel.json
• 指导我在 Vercel 上导入项目
• 解决部署报错

耗时：15 分钟（手动要 1 小时）

遇到的坑

坑 1：MDX 组件导入问题

问题：MDX 文件中无法使用自定义组件

解决：AI 帮我配置了

，统一导入组件

坑 2：Vercel 构建失败

问题：TypeScript 类型检查报错

解决：AI 帮我修复了类型定义，添加了

依赖

本周成果

✅ 博客上线：https://alexlabx.com ✅ 3 篇文章发布 ✅ 响应式设计 ✅ 暗色主题

总耗时：约 2 小时（纯手动估计要 8-10 小时）

下周计划

• [ ] 添加 AI Agent 对话功能
• [ ] 集成评论系统
• [ ] 添加搜索功能

---

我会持续分享这个项目的进度，关注我不错过更新。

🐦 在 X 上关注 →