Next.js 15 实践笔记

App Router 基础

Next.js 的 App Router 默认支持 React Server Components。

export default async function Page() {
  return <h1>Hello</h1>
}

静态生成

使用 generateStaticParams 预渲染所有文章页面，确保加载速度。

性能优化

• 图片使用 next/image 懒加载
• 静态页面通过 SSG 在构建时生成
• 客户端搜索使用 Fuse.js，零后端依赖