Skip to content
Strapi Starter React Blog
JavaScript HTML CSS
Branch: master
Clone or download
Maxime Castres Maxime Castres
Maxime Castres and Maxime Castres Modify data
Latest commit 03a72aa Feb 14, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend Modify data Feb 14, 2020
frontend Add public folder Feb 13, 2020
.gitignore Add public folder Feb 13, 2020
README.md Update package.json and README Feb 5, 2020
package.json Update package.json and README Feb 5, 2020
screenshot.png Update screenshot Jan 30, 2020
yarn.lock Update on code and packages.json commandes Feb 4, 2020

README.md

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

screenshot image

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 and install dependencies

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

# Using yarn
yarn setup:yarn

# Using npm
npm run setup:npm

Scaffold your project

This command will launch both of your backend and frontend server and do a data migration in your backend server

# Using yarn
yarn build:yarn
yarn develop:yarn

# Using npm
npm run build:npm
npm run develop:npm

Alternatively, you can still start your servers separately:

Start the backend server

cd backend

# Using yarn
yarn build
yarn develop

# Using npm
npm run build
npm run develop

Start the frontend server

cd frontend

# Using yarn
yarn develop

# Using npm
npm run develop

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

Enjoy this starter

You can’t perform that action at this time.