with-apollo issues; dynamic content not rendering in Head in page source

[Segun98]

Dynamic contents are not rendering in Head in view page source, all meta tags are empty.

That defeats the purpose on SEO in SSR please, help.

repo: https://github.com/Segun98/Blog-Nextjs/blob/master/client/pages/post/%5Bid%5D.jsx

Page source screenshot

Code. Content are from a Graphql query in a dyynamic page [id].js

[rafaelalmeidatk]

You are fetching the post at runtime so the data is only available after you visit the page. Instead, you can fetch the post at build time with getStaticProps: https://nextjs.org/docs/basic-features/data-fetching#getstaticprops-static-generation

[Segun98]

How do I use getStaticprops with apollo graphql?

[rafaelalmeidatk]

I wouldn't use Apollo for getStaticProps because it is too heavy just for some requests, you can use fetch or https://github.com/prisma-labs/graphql-request

[Segun98]

Thanks. Graphql-request worked just fine

[brianlovin]

Because I'm stubborn, I ended up pursuing the getStaticProps + Apollo route. It's probably still smarter to avoid using it, as it introduced a lot of headache, but if you are interested feel free to poke at some of the code I used:

• https://github.com/brianlovin/brian-lovin-next/blob/master/src/graphql/services/apollo.ts
• https://github.com/brianlovin/brian-lovin-next/blob/master/src/components/withApollo/index.tsx
• https://github.com/brianlovin/brian-lovin-next/blob/master/src/pages/bookmarks.tsx