Single Page Applications and URL slugs, routing, and seo [closed]

Question

I am looking at various Single Page Application frameworks (e.g. Angular, React, and Vue) and trying to figure out which is best for SEO and thumbnail sharing (e.g. share on FB or Twitter).

What are the best practices for doing SEO in these types of applications?

I am leaning towards Angular or React but my goals are this:

1. Ability for search engine to read a url slug and get it's data (e.g.http://thesite.org/this-is-an-article-on-birds)
2. Can any framework show a specific image (screengrab) when shared on say FB (e.g. A picture of the bird in the article)
3. Which is best for routing?
4. Which is best for server side rendering if needed?
5. What works best if you are using AWS Lambda, S3, DynamoDB and want a pure serverless stack?

I am new to this and wondering which to go to.

Answer 1

For React you can use the following

• Routing - React Router Dom
• SEO - React Helmet

These will cover points 1-3 of your requirements.

If you want to do server-side rendering you can have a look at Next.js or Gatsby.js. These frameworks are built on top of React and come out of box with routing and SEO funtionalities.

I don't think the last point is that much relevant as all the above would work fine in almost any setup.