This starter is outdated. We redirect you to the list of maintained v4 starters.
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.
We already released the React Starter, Gatsby Starter, Vue Starter, Next Starter, Nuxt Starter and we keep moving with the Angular Starter
Why did we make these starters?
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!
Deploy the backend
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
Deploy the frontend
On Netflify
Coming soon...
On Vercel
Coming soon...
Features
- 2 Content types: Article, Category
- 2 Created articles
- 3 Created categories
- Permissions set to
true
for article and category - Responsive design using UIkit
Pages
- "/" display every articles
- "/article/:id" display one article
- "/category/:id" display articles depending on the category
Getting started
Backend
See full instructions here
Frontend
git clone https://github.com/strapi/strapi-starter-angular-blog.git
cd strapi-starter-angular-blog
Start the frontend server
# Using yarn
yarn install
yarn develop
# Using npm
npm install
npm run develop
Angular server is running here => http://localhost:4200
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!
Get started with Strapi by creating a project using a starter or trying our live demo. Also, consult our forum if you have any questions. We will be there to help you.
See you soon!Maxime started to code in 2015 and quickly joined the Growth team of Strapi. He particularly likes to create useful content for the awesome Strapi community. Send him a meme on Twitter to make his day: @MaxCastres