版本：11.x

Next.js 集成

Next.js 使得在一个代码库中构建客户端和服务器变得容易。tRPC 使得在它们之间共享类型变得容易，从而确保应用程序数据获取的类型安全。

我们的 Next.js 集成建立在我们的 React Query 集成之上，并提供了一些 Next.js 特定的 API，以处理客户端和服务器端渲染。

使用 Next.js 集成时，您将获得以下功能

服务器端渲染 - 您可以告诉 tRPC 在服务器上渲染您的页面，然后在客户端上进行水合。这样，您将避免初始加载状态，尽管第一个字节的时间将被服务器阻塞。阅读有关服务器端渲染的更多信息。
静态站点生成 - 在服务器上预取查询并生成准备提供服务的静态 HTML 文件。阅读有关静态站点生成的更多信息。
自动提供程序包装 - @trpc/next 提供了一个高阶组件 (HOC)，它将您的应用程序包装在必要的提供程序中，因此您无需自己执行此操作。

提示

如果您在新的项目中使用 tRPC，请考虑使用其中一个示例项目作为参考：tRPC 示例项目