Marketing

The landing page, pricing page and blog pages are all optimised for SEO. The _mkt.tsx file contains the root layout and all metatags (opens in a new tab) required by the marketing pages for SEO. Here is where you set the title, keywords, open graph (opens in a new tab) and Twitter card tags. These tags are used by search engines and social media platforms to display information about your site when it is shared or indexed.

Child routes of the _mkt.tsx route (e.g. the /blog) inherit the parent metatags but can also define their own metatags, allowing them to have dynamic metadata tags for individual pages.

OG images

OpenGraph images are preview images used for social media. There is a dedicated endpoint in the repo at /internal/og that accepts a title, author, date and description, allowing you to generate unique images per-page on-demand without having to store them in your repo.

Checking OG tags

You can you use opengraph.xyz (opens in a new tab) to verify how your OpenGraph tags will look on various social media platforms. Here's an example of how the demo app blog posts would look on social media.