Add page titles

[razzeee]

Add page titles

[pkscout]

Found this: https://www.gatsbyjs.com/docs/add-page-metadata/

That will work for all the dynamically generated pages. I'll have to see about what to do about the markdown files. Hopefully we won't have to add that to every page though. I'm mostly just putting this comment here to document what I've found so far (in case I close the tab with that page in it by accident).

[razzeee]

Yeah, I found that page too and was quiet confused what to do with the mdx pages :D

[pkscout]

Done with 9899d97. I wrote a little component that adds to the metadata header using Helmet and accepts "title" as a passed property. So that each page can have it's own title, the template built pages have that component added to the template with the dynamic information needed for each page to get a unique title. For the mdx pages, I imported the component and passed a page title in. The behavior mirrors the current site, so the main site has a title, and other pages prepend to that (so Kodi | Opensource Home Theather Software is the main title, and the about page is About Us | Kodi | Opensource Home Theather Software).

[pkscout]

BTW, we can add other stuff to that metadata for SEO and whatever else. If it's for every page, we can just add it to the component. If it's page specific, we can pass it in as a properly and then adjust the component as needed.

[razzeee]

Neat