I think the functionalities itself is great. Here are some feedbacks regarding the styles an so on.

• I guess we need to have gatsby-plugin-disqus in dependencies
• Could I ask you to put the comment right after the article content instead of after the author component? And also adjust the width same to the article content width
• Does the comment component get rendered right after page is opened? How do you think if we lazy load it when reader scrolls it into view?

Could I ask you to put the comment right after the article content instead of after the author component? And also adjust the width same to the article content width

done! 927fb3e

Does the comment component get rendered right after page is opened? How do you think if we lazy load it when reader scrolls it into view?

hmm does gatsby have its own way to do it? (to avoid adding another library and rolling our own)

i looked at gatsby's lazy loading recommendations and found this, but its mainly about loading it after the critical path.

here's the commit of changes for lazy loaded disqus (using react.lazy, as the official recommended plugin does not support gatsby v5 / react 18
671c22d

before: (loads together with other components, before page data)

after: (loads after page data has been loaded)

if you're looking for loading in-view (e.g. with intersection observer, i can recommend this one https://www.npmjs.com/package/react-hook-inview).

if you're ok with either/both just tell me and i'll add them in!

• lazy loading on mount
• lazy loading when in viewport