DEV Community

Strapi for Strapi

Posted on

Strapi Starter Gridsome Blog

Alt Text
The last week Remi published a Gridsome starter allowing you to create a portfolio website with Strapi. You enjoyed it a lot so I thought a second Gridsome starter wouldn't be too much!

If you didn't know, Gridsome makes it easy for developers to build static generated websites & apps with Vue.js

Today we are happy to publish a blog starter using Gridsome and Strapi.

Gif excited

Features in Strapi

  • 1 Single type
  • 4 Components
  • 3 Collection types: Article, Category, User
  • 6 Created articles
  • 5 Created categories
  • Permissions set to true for article, category and user
  • Responsive design using UIkit
  • Slug system
  • Publication system (draft & published)
  • Role based access control

Getting started

Clone the repository

git clone https://github.com/strapi/strapi-starter-gridsome-blog.git
cd strapi-starter-gridsome-blog
Enter fullscreen mode Exit fullscreen mode

Backend

Install dependencies and run your server

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop
Enter fullscreen mode Exit fullscreen mode

Frontend

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop
Enter fullscreen mode Exit fullscreen mode

Gridsome server is running here => http://localhost:8080

If you liked this starter and want to develop a version of it with another frontend framework (Vue.js, Next.js or 11ty for example). Feel free to submit a Topic idea here!

Thank you for taking the time to read this blog post, I'll see you soon with a new starter ;)
Enjoy this starter!

Discussion (0)