Since this is a fairly simple app, all pages may have the same image so I would make a reusable head component in src/domains/common/site-head.js. The only difference from page to page would be the title, examples:
You'll need to make sure the component may accept a prop for the "app" and "404" text, and make sure to only add the " - " when needed.
DONE:
All pages use the same SiteHead component
When inspecting the head we have <title>Prune your Follows - app</title>, <title>Prune your Follows - app</title> and <title>Prune your Follows</title> for the above examples.
Since this is a fairly simple app, all pages may have the same image so I would make a reusable head component in
src/domains/common/site-head.js
. The only difference from page to page would be the title, examples:You'll need to make sure the component may accept a prop for the "app" and "404" text, and make sure to only add the " - " when needed.
DONE:
<title>Prune your Follows - app</title>
,<title>Prune your Follows - app</title>
and<title>Prune your Follows</title>
for the above examples.