Back to Browse

Strapi Gatsby Tutorial #1 - Setting up Strapi

1.6K views
Feb 19, 2024
30:20

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-static-blog-with-gatsby-and-strapi GitHub link: https://github.com/GideonNeedleman/strapi-gatsby-youtube 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 first video we setup Strapi so that it's running locally on your own machine. We then configure several different content types and populate them with data. Finally we test the REST API endpoints and also install the GraphQL plugin to run sample GraphQL queries on the Strapi CMS data. Timestamps 00:00 Introduction 00:48 Initialize Github Repo 02:05 Create Strapi App 02:57 Create Admin User 04:37 Create Content Types 13:02 Add Content 20:01 Allow Access to API 23:03 Test REST API Endpoints 25:09 Install GraphQL Plugin 27:55 Test GraphQL Response

Download

1 formats

Video Formats

360pmp446.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Strapi Gatsby Tutorial #1 - Setting up Strapi | NatokHD