Strapi Starter Gatsby Blog v2

This article has been updated on 23rd February 2021.

Gatsby starter for creating a blog with Strapi.

This starter allows you to try Strapi with Gatsby with the example of a simple blog. It is fully customizable and due to the fact that it is open-source, fully open to contributions. So do not hesitate to add new features and report bugs!

Features

• 2 Content types: Article, Category
• 2 Created articles
• 3 Created categories
• Responsive design using UIkit
• SEO and social media friendly

Pages:

• "/" to display every article
• "/article/:id" to display one article
• "/category/:id" display articles depending on the category

Live preview

You can see a live preview of this starter just right here.

Getting started

The easiest way to try this starter is to run it locally on your computer.

First, you'll need to create your own copy of this starter. You can do so by clicking the "Use this template" button on GitHub, and filling the form

Backend

Create a Strapi project named backend using the blog template:

# Using Yarn
yarn create strapi-app backend --template https://github.com/strapi/strapi-template-blog

# Or using NPM
npx create-strapi-app backend --template https://github.com/strapi/strapi-template-blog

The Strapi server will automatically start and import sample seed data.

Frontend

Clone the frontend part:

git clone https://github.com/strapi/strapi-starter-gatsby-blog.git frontend

Leave the Strapi backend running in the background. Open another terminal tab, and make sure you're in the frontend directory:

cd starter/frontend

Install dependencies and start the Gatsby server:

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop

If you want to change the default environment variables, create a .env file like this:

cp .env.example .env

The Gatsby server will run here => http://localhost:3000

Enjoy this starter!

If you want to know more

Get started with Strapi by creating a project using a starter or trying our live demo. Also, consult our forum if you have any questions. We will be there to help you.