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:
- An 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
Here is the repository of the backend of this starter
On Netflify
Coming soon...
On Vercel
Coming soon...
- 2 Content types: Article, Category
- 2 Created articles
- 3 Created categories
- Permissions set to
true
for article and category - Responsive design using UIkit
- "/" display every articles
- "/article/:id" display one article
- "/category/:id" display articles depending on the category
Backend
See full instructions here
Frontend
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
# Create a .env file containing the VUE_APP_STRAPI_API_URL variable
echo "VUE_APP_STRAPI_API_URL=http://localhost:1337" >> .env
Vue server is running here => http://localhost:8080
Enjoy this starter