Part 4 takes you through setting up some styling using CSS to create a pleasing simple layout. This includes adding some navigation to the header which links to empty pages ready to have content created.
Part 3 starts with cleaning up some of the files and folder structures created from the starting template. Then we move on to editing the header component followed by creating a new footer component that will be used across the site.
Along the way, we create some basic CSS with horrible colors so we can clearly see what is going on with the areas defined in the components, I often use this technique to test placement and get a visual feel for the page structure during early development before moving on to the proper (nice) design.
In part 2, we take a look at the site/folder structure of a GatsbyJS site. I’ll explain what the folders are for along with an overview of the files in a starting Gatsby site. By the end of this video, you will have an understanding of how a site is created and how components play a part in generating pages.
This first video will walk you through what Gatsby is, how to install it locally and then generate your first Web site.