在 Next.js 14 应用路由器中使用 Apollo 客户端包装器

Question

我正在为我的 React 项目使用 Next.js 14（应用程序路由器）。我需要使用 Graphql。我还设置了 Apollo 服务器。作为一个完全的初学者，对于在哪个目录中创建哪个文件感到非常困惑。我已经安装了 Apollo 客户端并且有 应用\util polloClient.ts 那么为了用 Apollo 提供者包装，是layout.js 还是 page.js 。我没有“src”文件夹。 请指教。 另外，我如何绕过从 json 获取 graphql 的配置？

Answer 1

使用应用程序路由器，您必须使用 @apollo/experimental-nextjs-app-support 软件包。

只需按照自述文件中的设置说明进行操作，并确保在应用程序中使用

useSuspenseQuery

挂钩而不是

useQuery

挂钩即可充分利用 SSR。