Super noob-ish question I'm sure, but this is the my first time building a consumer facing web app. To avoid getting closed for duplication, this question is very specifically for React + GraphQL.
I'm creating a website that will have a lot of user generated content, and it's extremely important that the content is optimised to be found by search engines. However the content is going to be stored in a database somewhere and fetched via GraphQL queries. How do I structure my web app in a way that makes it easy for search engines to find user generated content? What are some architectural decisions and patterns to adhere to from the very start?
I know there's a lot of packages out there to help with this (Helm, React-Router, Next/Razzle), but how do I bring together all these different parts together in the best possible way?
Code examples would definitely help clarify things.