next apollo example

Next＆Apollo示例

此示例利用了下一个apollo软件包，如果您想在下一个aplo中使用Apollo时涉及的一些仪式，这是理想的选择。它还具有我喜欢的CSS-In-JS解决方案，情感。

演示

如何使用

安装并运行

npm install
npm run dev

现在将其部署到云中（下载）

now

示例背后的想法

Apollo是一个GraphQL客户端，可让您轻松从GraphQl Server查询所需的确切数据。除了获取和突变数据外，Apollo还分析了您的查询及其结果，以构建数据的客户端缓存，随着进一步的查询和突变的运行，该缓存将保持最新状态，从而从服务器中获取更多结果。

在这个简单的示例中，我们通过将页面包装在高阶组件（HOC）中，将Apollo与下一个集成在一起。使用HOC模式，我们能够将Apollo创建的查询结果数据的中心存储转移到我们下一个应用程序每个页面内定义的React组件层次结构中。

在初始页面加载时，在服务器上和getInitialProps内部，我们调用Apollo方法getDataFromTree 。此方法返回诺言；在承诺解决方面，我们的阿波罗客户端商店已完全初始化。

此示例依赖于Prisma + Nexus的GraphQl后端。