[Reactjs] How to index all react pages in google search?

Question

The main page (/) has been successfully indexed on google, but other pages (/*) are not indexing on google. It's saying 404 not found. Can anyone please help me?
I have researched about this, but failed to get easy solutions!

Answer 1

I don't really understand your question. If you want to publish your app to the internet, then how ELSE would you do it, other than deploying it on a SERVER?
Whether it is Github pages, or any other hosting service, does not make any difference.
The question is really, what your app does, what kind of interaction it has with a backend, if any. If you don't have any dynamic content then you can easily convert it to static pages. There are several options for static site generators.
https://kinsta.com/blog/react-static-site-generator/

Answer 2

Tips from https://www.joshuageorge.co.uk/can-google-index-react-apps/

Some of the best ways to make an SEO friendly react app include:
- Rendering your page on the server so it can load immediately.
- Testing each of your pages using Fetch as Google to ensure that Googlebot is finding your content.
- Using images that are optimised, reduced in file size and preload along with the content.
- Optimise your metadata to ensure that the pages you build are clear for Google to understand.

Answer 3

Tibor Santa Thank you, I have got the solution. I have to research about static site generator (as I don't want to work with backend).

Answer 4

Tibor Santa Can't I upload the react site as static website without a server like in github pages, ...?