Simply copy and paste the following command line in your terminal to create your first Strapi project.
npx create-strapi-app
my-project
That's it, we are in the middle of winter, it is very cold, and the restaurants are unfortunately still closed. But that will not prevent our great Live demo from receiving updates! Here is what was added in the last version of Foodadvisor
Daniel Madalitso Phiri added the implementation of a new, very useful collection type to the project: Universals But what is that for? Well, it simply allows you to create pages on the fly directly in the admin panel. You must structure your front end appropriately, so you have to create your pages afterward! Allowing content managers to create pages on the fly is a must-have for any headless cms. This is why it is important to show that it is feasible and easy!
Indeed we use this collection type internally on our website and it turns out to be very useful when we want to deploy new pages on it quickly. Pair that with a Webhook building your favorite Nuxt.js, Gatsby or Next.js frontend on Vercel and you are good to go!
The following pages are universals on our website:
The version of Strapi has been upgraded to the latest to this date. More information here: https://github.com/strapi/strapi/releases
We wanted to implement a guided tour to take you by the hand at the start of the demo. Relatively simple and fast it will show you the important parts of the admin allowing you to create your content-types and subsequently your content.
We are using reactour, and we have made a guided-tour plugin in the app. You can see how it works here: https://github.com/strapi/foodadvisor/tree/master/api/plugins/guided-tour Feel free to give it a try or event contribute to it ;)
When you'll ask for a live demo here, you'll receive an email with the link of your Strapi instance. We also included a codesandbox link that will open a front-end that can be connected to your demo.
Once the front-end is open on codesandbox, you'll need to add an environment variable in the .env
file to connect it to your Strapi instance.
.env
file.REACT_APP_BACKEND_URL=<URL-OF-DEMO-WITHOUT-TRAILING-SLASH>
.If you add a new restaurant, for example, you'll be able to see it on your sandbox after reloading your app!
We take feedback regarding our live demo. You can write down in the comments what you would like to have in the demo, what you liked if you were able to try it or what you did not like. See you at the next update!
Try Foodadvisor live in just a few clicks: https://strapi.io/demo
Try Foodadvisor locally on your machine: git clone https://github.com/strapi/foodadvisor.git
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