Handling Metadata

Correctly handling metadata is a crucial part of modern web development. To keep it simple, let’s think about when we share a link on Facebook or Twitter. If we share the React website on Facebook, we’ll see the following card appear inside our post:

To know which data should be displayed inside the card, Facebook uses a protocol called Open Graph. In order to give that information to any social network or website, we need to add some metadata to our pages.

So far, we haven’t talked about how to set open graph data, ...