Strapi Starter React Blog

React starter for creating a blog with Strapi.

This starter allows you to try Strapi with React 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. Do not hesitate to add new features etc ...

You may want to know how to develop such a starter by your own! This starter is actually the result of this tutorial

Deploy the backend

To deploy the Strapi instance you'll need:

An Heroku account for free
A Cloudinary account for saving images for free

Once you have created these accounts you can deploy your instance by clicking on this button

Here is the repository of the backend of this starter

Deploy the frontend

On Netflify

To deploy this frontend you'll need:

A Netilfy account for free

Once you have created your account, add the url of your Heroku instance (without the trailing slash) as a parameter to the following url.

https://app.netlify.com/start/deploy?repository=https://github.com/strapi/strapi-starter-react-blog#REACT_APP_BACKEND_URL=<your-strapi-app.herokuapp.com>

Visit this url to deploy your application

On Vercel

Coming soon...

Features

2 Content types: Article, Category
2 Created articles
3 Created categories
Permissions set to true for article and category
Responsive design using UIkit

Getting started

Backend

See full instructions here

Frontend

git clone https://github.com/strapi/strapi-starter-react-blog.git
cd strapi-starter-react-blog

Start the frontend server

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop

# Create a .env file containing the API_URL variable
echo 'SKIP_PREFLIGHT_CHECK=true\nREACT_APP_BACKEND_URL="http://localhost:1337' >> .env

React server is running here => http://localhost:3000

Enjoy this starter