Bootstrap a simple blog application using Vue and Strapi, the most suitable headless CMS for Vue.js.
February 26, 2020
If you are familiar with our blog you must have seen that we've released a series of tutorials on how to make blogs using Strapi with a lot of frontend frameworks: Gatsby Old, Gatsby new, React, Next.js, Vue, Nuxt or Angular.
We thought that it would be a good idea to provide the result of these tutorials as starters for those who'd like to bootstrap a simple blog application with Strapi and their favorite frontend framework.
Starters allow you to quickly visualize the result of the association between Strapi and your frontend framework.
It's easier and faster to dig into an existing application to get an idea of the product than to start an application from scratch.
As we've made tutorials on how to make a blog with this or that framework, it seemed useful for the Strapi community to use the resulting application in order to create starters.
So to get started with the starter, you have two options:
You can start by installing the starter and then following the tutorial to reproduce it and learn on the way.
Or you can run the starter to directly test the application.
So, let's see how to run it!
Vue starter for creating a blog with Strapi.
This starter allows you to try Strapi with Vue 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
To deploy the Strapi instance you'll need:
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
truefor article and category
See full instructions here
git clone https://github.com/strapi/strapi-starter-vue-blog.git cd strapi-starter-vue-blog
# Using yarn yarn install yarn develop # Using npm npm install npm run develop
Vue server is running here => http://localhost:8080
If you liked it, it would be great to share the word 📣 And let me know what you thought of it in the comments below.
Enjoy this starter!