All Projects → strapi → strapi-starter-gridsome-blog

strapi / strapi-starter-gridsome-blog

Licence: MIT License
Build blog sites using Strapi and Gridsome

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
shell
77523 projects

Deprecated

This repository is no longer maintained and only works for Strapi v3. To find the newest Strapi v4 starters, check out the starters-and-templates monorepo.


Strapi Starter Gridsome Blog

Gridsome starter for creating a great blog with Strapi.

screenshot image

This starter allows you to try Strapi with Gridsome 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!

This starter uses the Strapi blog template

Check out all of our starters here

Features

  • 2 Content types: Article, Category
  • 2 Created articles
  • 3 Created categories
  • Responsive design using UIkit

Pages:

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

Getting started

Use our create-strapi-starter CLI to create your project.

npx create-strapi-starter@3 my-project gridsome-blog

The CLI will create a monorepo, install dependencies, and run your project automatically.

The Gridsome frontend server will run here => http://localhost:8080

The Strapi backend server will run here => http://localhost:1337

Deploying to production

You will need to deploy the frontend and backend projects separately. Here are the docs to deploy each one:

Don't forget to setup the environment variables on your production app:

For the frontend the following environment variable is required:

  • GRIDSOME_STRAPI_URL: URL of your Strapi backend, without trailing slash

Enjoy this starter!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].