Understanding the types of components
There are three main types of Gatsby components used in this project: page components, templates, and partial components. Let's look at each type as they all serve a different purpose.
Gatsby page components
One of the simplest types of components used in Gatsby is a page component. Gatsby page components are used only once for single, unique pages, such as the index (home) page, 404 page, or an about us page, for example. This page will only be generated once.
Building and modifying Gatsby page components
As mentioned previously, pages are unique. By creating a page component and placing it in the /web/ src/pages folder, Gatsby will automatically generate the page.
The content of a code page in Gatsby can be as simple as the following example, which contains the entire page contents inside a string:
// Does not require React because there is no JSX const AboutUsPage = () => ( `Who we are: .......` ) export...