Simply copy and paste the following command line in your terminal to create your first Strapi project.
npx create-strapi-app my-project
Strapi is an open-source content management system (CMS) that enables the creation of customizable APIs for any front-end application. Strapi is extremely easy to use because it allows you to create versatile APIs with unique features that you will appreciate. Strapi allows for a great deal of customization.
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.
To understand how to create a basic blog with Strapi using React and other application software.
You'll need a basic understanding of the following to proceed.
There are previous tutorials available 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.
To get started with the starter, you have two options:
Let's see how to run it!
To deploy the Strapi instance you'll need:
Once you have created these accounts, you can deploy your instance by clicking on this button.
Before clicking the deploy button, make sure the
.env file from strapi backend code has been updated with the information in the image below.
After deploying to Heroku, you should see the output shown below.
On Netlify To deploy the frontend, you'll need a free Netlify account. Once you have created your account, you can deploy your instance.
Select a repository name and fill the
API_URL with your Strapi instance on Heroku without the trailing slash.
truefor article and category
Backend See full instructions on our Strapi starter blog. Now, let’s clone our GitHub repo and start our server.
git clone https://github.com/strapi/strapi-starter-react-blog.git cd strapi-starter-react-blog
Start the frontend server
# Using yarn yarn install yarn develop # Using npm npm install npm run develop
React server is running here => http://localhost:3000
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.
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