Simply copy and paste the following command line in your terminal to create your first Strapi project.
npx create-strapi-app my-project
Today we are happy to announce that our official demo app FoodAdvisor is now running on Strapi v4!
Back in August, FoodAdvisor has been upgraded a little bit. We took the decision to improve the architecture of the Strapi app and to completely remake the front-end with Next.js. The website you are currently browsing, strapi.io, is made with the same stack, it was a good source of inspiration.
It was impossible to release the v4 while not having our official demo to be powered by it. It took us a few weeks to do so but now we can say it: You can try Strapi v4 for free
Feel free to read this article in order to learn more about all the features of FoodAdvisor.
Yes! FoodAdvisor comes with some little customizations. We definitely wanted to show how you can properly customize your admin using Injection Zones in this demo.
Just add the components you want to inject in your
src/admin/app.js file and that's it! You can see that we added 4 components, let's see what they do in the demo!
A simple tweet button is available in the Content-Manager (
right-links section) that allows you to simple tweet about the entry. This will actually share the frontend URL of your entry.
A disabled textarea is available in the Content-Manager (
right-links section) that allows you to quickly see any internal comment made by an editor, author, or Super Admin in Strapi.
Not really complex, this will just copy/paste the value of the
comment field of your Content Type that you can find below. This is just a little trick for you to quickly see any comments for an entry.
A draft filter button is available in the Content-Manager list view. This button automatically add filters to your list in order to just display entries that are not yet published and not ready:
publishedAt == false & ready == false
It's just a way to quickly display draft entries with the data architecture of FoodAdvisor.
It was great to upgrade this official demo again! We hope this new version will give you a better idea of what can be achieved with Strapi. Feel free to give it a try on our website by requesting a private instance, directly on your computer, or even on Gitpod!
You are the chef!
See you in the next article!
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