We have many pages which need meta data. Some of these pages are static and some of these will be dynamic. At the moment, every page on the site says "Web site created using create-react-app." as its meta description.
We integrated react-helmet, but it does not work. The site still displays the public/index.html tags, which is "Web site created using create-react-app." This may be a backend problem.
However, the metadata MUST update the html template too, so that javascript is not required to load the correct metadata. This is because lots of web crawlers, search engines, and social networks do not load the read the javascript to load metadata, and they just look at the first html. This means that we need server side rendering of metadata so that it updates the html template.
In total, there are 3 pages which need dynamic meta data, and 5 pages that have static meta data.
Here are some methods you can achieve this:
OPTION 1: React Helmet with React and Redux (SSI
Use react-helmet, but also ensure that it is server side rendered ("Server Usage" in the documentation here: