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 this Strapi instance you'll need:

• A 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

Deploy the frontend

Netlify

To deploy this Strapi instance you'll need:

• A Netlify account for free

Once you have created your account you can deploy your instance by clicking on this button.

• Select a repository name and fill the API_URL with your Strapi instance on Heroku (eg: https://your-app.herokuapp.com) without the trailing slash

Features

• 2 Content types: Article, Category
• Permissions set to true for article and category
• 2 Created articles
• 3 Created categories
• Apollo integration (GraphQL) for fetching data from strapi
• Responsive design using UIkit

Pages

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

Getting started

Clone the repository

git clone git@github.com:JiscSD/strapi-cms-poc.git
cd strapi-starter-react-blog

Start the backend server

cd backend

# Using npm
npm install
npm run develop

Start the frontend server

cd frontend

# Using npm
npm install
npm run develop

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

Enjoy this starter