Strapi Gatsby Tutorial #4 - Deploying Gatsby to Cloudflare
In our previous videos we built a static blog in Gatsby and Strapi. Now we deploy the site to Cloudflare so that it is available to anyone on the internet. 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.
We begin the video by building the Gatsby project. Gatsby compiles our code into a bunch of static HTML, CSS and JavaScript files being generated and placed in the `public` folder. Every single page component and url path gets generated as an individual HTML file.
Once the project is built, we install Wrangler, which is a tool that interacts with Cloudflare. We use Wrangler to upload our `public` folder up to Cloudflare and deploy it. You could add a custom url to the website if you wanted and use this as your own blog.
This completes the tutorial as described on the Strapi blog post, however there are issues remaining with the way that we built and deployed this blog that I want to address in future videos.
Timestamps
00:00 Build Gatsby Project
02:38 Login to Cloudflare & Install Wrangler
04:55 Deployed Site
05:30 Issues with Deployed Blog
07:19 Rebuilding Blog