Apollo & Redux example doesn't wait for data during SSR rendering

Examples bug report

Describe the bug

Clone the “with-apollo” and example and the “with-apollo-and-redux” example. Compare the source code generated on the server side. In the “with-apollo” the full post list is rendered on the server side, but in the “with-apollo-and-redux” example the GraphQL query is executed client-side and you’ll see Loading. As for me the, the only purpose of Next.js is to generate the entire HTML on the server side, and this example is only meant to be a mix of the “with-apollo” and “with-redux” examples, I would expect the same behavior like in the “with-apollo” example (HTML including GraphQL rendered server side).

Why isn’t this the case?

Screenshots

System information

• OS: Windows 10
• Browser Firefox 70
• Version of Next.js: 9.0.6

[HaNdTriX]

@julmot just a quick tip. You should really think about using this example. Adding too many libs like this to your project, might increase bundle sizes and complexity of code.

React has a useReducer hook and the createContext api. For most of the use cases thats enough. In addition to that apollo provides you with the concept of localState.

So ask yourself do you really need redux or apollo?

[HaNdTriX]

I’ve fixed, updated and refactored the example with-apollo-and-redux in #9270