Disclaimer: FoodAdvisor is the official Strapi v4 demo application. It has been replaced by the new LaunchPad demo application for Strapi 5.

FoodAdvisor on v4

Today we are happy to announce that our official demo app FoodAdvisor is now running on Strapi v4!

What's new?

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.

Some customization maybe?

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!

Preview button

A preview button is available in the Content-Manager (right-links section) when an entry is not published yet. It is using the preview system logic of Next.js.

Tweet button

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.

Internal comment

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.

Draft filter button

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.

Conclusion

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!