nextjs + graphql-codegen is not working in ssr and ssg

[amantiwari1]

I can't find a solution in google, youtube, etc none of them are working so please if you think it is working so please send your repo or codesandbox as possible thank you in advance

[Urigo]

Hi @amantiwari1 , can you share an example of what you are doing and what is not working?
thank you

[Urigo]

I don't have one ready, maybe you can grab one from Next's repo's examples, add codegen and share here?

[Urigo]

here are some things to check out:

1. https://www.graphql-code-generator.com/docs/plugins/typescript-apollo-next
2. https://github.com/correttojs/graphql-codegen-apollo-next-ssr
3. https://github.com/vercel/next.js/tree/canary/examples/with-typescript-graphql

[amantiwari1]

All these link example are not enough info and old class components and there is no ssg please can you make example combine ssr and ssg and share code please @Urigo

[Urigo]

I won't make an example. If you want, you can take these as references, try to make one yourself and I can help you fix it and share it with the community

[amantiwari1]

@Urigo https://codesandbox.io/s/sparkling-glade-y0p9f

[dotansimha]

I don't see any details here for reproducing or fixing. Please provide additional information about the error, codegen version, nextjs version, what client you are using, and what plugins you are using.

[amantiwari1]

I am sorry, I am super busy , the main problem is I tried using hook In codegen in functional comments then results is it is not rendered html instead they used fetch api from client side, the problem is I can't find solution how to fix that , I would great if you can help me

[amantiwari1]

I tried hook in staticProps function , it results hook are not supported not this function which are strictly rules

[amantiwari1]

@dotansimha https://codesandbox.io/s/sparkling-glade-y0p9f

[amantiwari1]

here is codestandbox https://codesandbox.io/s/sparkling-glade-y0p9f

[dotansimha]

I see, thank you.
The issue here has nothing to do with codegen. The plugins you are using there are wrapping Apollo-Client, and just add types to it.
For more information about SSR/NextJS integration with Apollo-Client, you can use this: https://www.apollographql.com/docs/react/performance/server-side-rendering/

[amantiwari1]

My question is how do I get data in function (it doesn't work for hook ) without jsx, hook and class components?

[dotansimha]

Maybe this can help: #6138 (reply in thread)