Next.js 15 服务端组件最佳实践

前言

Next.js 15 带来了许多令人兴奋的特性。本文将分享我在实际项目中使用服务端组件的一些心得体会。

首先，默认使用服务端组件，只在需要交互时才添加客户端边界。

``tsx // 服务端组件 import { prisma } from '@/lib/prisma'

async function ArticleList() { const articles = await prisma.article.findMany() return (


      {articles.map(a => (
        {a.title}
      ))}

)
}

合理使用服务端组件可以显著提升应用性能。