Strapi Gatsby Tutorial #2 - Setting up Gatsby
Welcome to this tutorial series where I will guide you through the process of setting up and deploying a static blog site using the powerful combination of Strapi and Gatsby. You can follow along with the tutorial outlined here: https://strapi.io/blog/how-to-build-a...
GitHub link: https://github.com/GideonNeedleman/st...
Strapi is a headless CMS that enables you to easily author content and expose it through an API. The flexibility of Strapi allows you to choose any frontend option and seamlessly query the API to retrieve your content. Gatsby is a React-based Static Site Generator that can process a diverse range of content through its GraphQL data layer. By leveraging the Strapi API, Gatsby transforms the content into HTML pages to create a dynamic and responsive experience.
For the second video we setup Gatsby so that it's running locally on your own machine. We then test the GraphQL connection to the Strapi backend and retrieve some data. Finally we create a few components and pages to display the blog posts that we created in the previous video.
Timestamps
00:00 Recap
00:48 Create Gatsby App
02:15 Fix Repo Splitting
03:21 Install Gatsby Plugins
08:00 Construct queries in GraphiQL
11:12 Create Layout Component
13:23 Create Homepage
15:20 Create Individual Blog Post Page
17:15 Create Category Page
18:23 Add Styling