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後端。