Claude Code实战：手写一个智能博客系统，效率提升5倍

• /app 路由页面
• /components 通用组件
• /lib 工具函数和数据库操作
• /prisma 数据库模型
• /types 类型定义

然后让它基于这个结构生成基础代码。我用的prompt是这样的：

Claude Code立刻给出了完整的项目骨架和prisma schema。这里有个小技巧：分阶段提问，不要一次性要求太多。

核心功能实现：文章CRUD

先看数据库模型。Prisma schema这部分我让Claude Code根据需求自动生成：

datasource db {
provider = "sqlite"
url = env("DATABASE_URL")
}

model Post {
id String @id @default(cuid())
title String
slug String @unique
content String // Markdown内容
excerpt String? // AI生成的摘要
tags String? // 逗号分隔
published Boolean @default(false)
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
comments Comment[]
}

这个设计其实踩了一个坑：excerpt字段最开始没加，后来发现AI摘要没地方存，被迫加字段。所以建议一开始就规划好所有可能用到的字段。

接下来是核心的CRUD操作。Claude Code生成的代码，我改了两个地方：

来看看文章创建API的最终版本：

// 辅助函数：生成唯一slug
function generateSlug(title: string): string {
const base = title
.toLowerCase()
.replace(/[^a-z0-9\u4e00-\u9fa5]+/g, '-')
.replace(/^-|-$/g, '')

// 创建文章
export async function POST(request: NextRequest) {
try {
const body = await request.json()

// 验证输入
const validation = PostSchema.safeParse(body)
if (!validation.success) {
return NextResponse.json(
{ error: '输入数据验证失败', details: validation.error.issues },
{ status: 400 }
)
}

const { title, content, tags } = validation.data

// 调用Claude API生成摘要（这个设计真的反人类，返回格式不统一）
let excerpt = ''
try {
excerpt = await generateExcerpt(content)
} catch (error) {
console.error('AI摘要生成失败，使用默认值:', error)
excerpt = content.slice(0, 150) + '...'
}

const post = await prisma.post.create({
data: { title, slug, content, excerpt, tags, published: false }
})

为什么要这么写？因为Claude Code生成的基础代码只能覆盖80%的场景，剩下的20%需要你根据实际业务逻辑调整。比如上面这段代码，我加了三层防护：

• 输入验证（防止脏数据）
• slug唯一性处理（避免冲突）
• AI摘要降级策略（就算生成失败也不影响发布）

（中间插图：一张代码对比图，左边是Claude Code生成的原始代码，右边是优化后的最终版本，关键改动用红框标出）

另一个坑：AI摘要生成器

这是最让我头大的部分。官方文档说得很简单：“调用Claude API，传入content，返回摘要”。但实际做的时候，你会发现：

来看看我最终是怎么处理的：

const anthropic = new Anthropic({
apiKey: process.env.ANTHROPIC_API_KEY,
})

// 核心：分段处理长文本
function splitContent(text: string, maxLength: number = 8000): string[] {
const chunks: string[] = []
let current = ''

for (const paragraph of text.split('\n\n')) {
if ((current + paragraph).length > maxLength) {
chunks.push(current.trim())
current = paragraph
} else {
current += '\n\n' + paragraph
}
}

if (current.trim()) {
chunks.push(current.trim())
}

return chunks
}

export async function generateExcerpt(content: string): Promise {
try {
// 如果内容太长，只保留前8000字符
const truncatedContent = content.length > 8000
? content.slice(0, 8000) + '...'
: content

const response = await anthropic.messages.create({
model: "claude-3-5-sonnet-20241022",
max_tokens: 200,
system: "你是一个文字摘要生成器。请用中文为以下文章生成一段50字以内的摘要，直接输出摘要内容，不要任何额外格式。",
messages: [
{ role: "user", content: truncatedContent }
]
})

// 处理多种返回格式（这个设计真的反人类）
const content = response.content[0]
let excerpt = ''

if (typeof content === 'string') {
excerpt = content
} else if ('text' in content) {
excerpt = content.text
} else {
throw new Error('未知的响应格式')
}

这里有两个关键优化：

• 分段策略：长文章自动截断，避免超token
• 降级方案：AI挂了也不影响主流程

还有个技巧：自动补全和重构

Claude Code最强的地方不是写新代码，而是重构和补全。比如我写了一个评论组件，写到一半不知道该怎么处理表单状态，直接选中代码让Claude Code补全：

它生成的代码虽然有些小问题（比如忘记处理错误状态），但整体框架是对的。我只需要改三行就搞定了，比自己从头写快得多。

性能优化：从3.2秒到0.8秒

博客系统搭好后，发现首页加载要3.2秒，这谁受得了？Claude Code帮我分析出瓶颈：

我们做了三个优化：

// 优化2：批量生成摘要（不做了，改成懒加载）
// 只在查看文章详情时才生成或缓存摘要