Strapi blog logo
  • Product

      Why Strapi?Content ArchitectureRoadmapIntegrationsTry live demo
      OverviewContent Types BuilderCustomizable APIMedia LibraryRoles & Permissions
      Discover Strapi Enterprise EditionDiscover our partners
  • Pricing

  • Solutions

      Static WebsitesMobile ApplicationsCorporate websitesEditorial SitesEcommerce
      Delivery HeroL'EquipeSociete GeneralePixelDustBanco International
      Discover all our user stories
  • Community

      CommunityWrite for the communityWall of LoveStrapi Conf 2021
      SlackGitHubYoutubeCommunity Forum
      Meet the Strapi Community StarsDiscover the Strapi Showcase
  • Resources

      BlogStartersNewsroomSupport
      Strapi AcademyTutorialsVideos GuidesWebinars
      The Guide to Headless CMS Strapi Community Forum
  • Docs

      Getting StartedInstallationConfigurationsDeploymentUpdate versionContent API
      Getting StartedContent ManagerContent-Types BuilderUsers, Roles & PermissionsPlugins
      Developer DocumentationStrapi User Guide

Looking for our logo ?

Logo Brand download
Download Logo Pack
See more Strapi assets
Strapi blog logo
  • Product

    Product

    • Why Strapi?
    • Content Architecture
    • Roadmap
    • Integrations
    • Try live demo

    Features

    • Overview
    • Content Types Builder
    • Customizable API
    • Media Library
    • Roles & Permissions
    • Discover Strapi Enterprise Edition
    • Discover our partners
    Features cover

    Unlock the full potential of content management

    See all features
    Strapi Enterprise Edition

    Discover the advanced features included in Strapi Enterprise Edition.

    Get Started
  • Pricing
  • Solutions

    Solutions

    • Static Websites
    • Mobile Applications
    • Corporate websites
    • Editorial Sites
    • Ecommerce

    Stories

    • Delivery Hero
    • L'Equipe
    • Societe Generale
    • PixelDust
    • Banco International
    • Discover all our user stories
    Delivery Hero team

    Delivery Hero manages their partner portal with Strapi.

    Read their story
    turn 10 studios website

    How 1minus1 delivered a creative website for Turn10 Studios 25% faster with Strapi

    Discover their story
  • Community

    Community

    • Community
    • Write for the community
    • Wall of Love
    • Strapi Conf 2021

    Resources

    • Slack
    • GitHub
    • Youtube
    • Community Forum
    • Meet the Strapi Community Stars
    • Discover the Strapi Showcase
    Strapi Conf

    The first Strapi Global User Conference.

    Register now
    Write for the community

    Contribute on educational content for the community

    Discover the program
  • Resources

    Resources

    • Blog
    • Starters
    • Newsroom
    • Support

    Learning

    • Strapi Academy
    • Tutorials
    • Videos Guides
    • Webinars
    • The Guide to Headless CMS
    • Strapi Community Forum
    Introducing Strapi Academy

    Everything you need to know to master Strapi.

    Go to the academy
    Strapi Repository on GitHub

    Get started with the Strapi repository

    Go to repository
  • Docs

    Developers

    • Getting Started
    • Installation
    • Configurations
    • Deployment
    • Update version
    • Content API

    User Guide

    • Getting Started
    • Content Manager
    • Content-Types Builder
    • Users, Roles & Permissions
    • Plugins
    • Developer Documentation
    • Strapi User Guide
    Install Strapi

    Install Strapi locally or wherever you need.

    Get Started
    Migration Guides Strapi

    Using a previous version of Strapi? Migrate to the latest.

    Read Guides
Get Started
Back to articles

Foodadvisor Updates February 2021

foodadvisor-updates-february-2021
  • Share on facebook
  • Share on linkedin
  • Share on twitter
  • Share by email

Maxime Castres

February 12, 2021

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

Gif snow

Universal pages

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 just need to structure your frontend appropriately so that you just have to create your pages afterwards! 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 quite 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 quickly deploy new pages on it. Pair that with a Webhook building your favorite Nuxt.js, Gatsby or Next.js frontend on Vercel and you are good to go!

Gif rocket

The following pages are universals on our website:

  • https://strapi.io/demo
  • https://strapi.io/headless-cms-guide
  • https://strapi.io/faq and 47 more...

Upgrade Strapi version to 3.4.6

The version of Strapi has been upgraded to the latest to this date. More information here: https://github.com/strapi/strapi/releases

Guided Tour

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 ;)

Front-end on Codesandbox

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.

  • Open the .env file.
  • Add the following variable: REACT_APP_BACKEND_URL=<URL-OF-DEMO-WITHOUT-TRAILING-SLASH>.
  • Save.

Capture d’écran 2021-02-11 à 18.50.42.png

If you add a new restaurant for example, you'll be able to see it on your sandbox after reloading your app!

What you would like to see

We definitely 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

  • Share on facebook
  • Share on linkedin
  • Share on twitter
  • Share by email

You might also be interested in...

 Announcing Free Strapi Enterprise Editions for Students, Open Source and Non-Profits
  • Announcement

Announcing Free Strapi Enterprise Editions for Students, Open Source and Non-Profits

Are you a student? Non-profit? OSS project? Upgrade your existing Strapi project to the Bronze Edition for free.

Maxime Castres

November 16, 2020

Change the default WYSIWYG to Toast UI editor
  • Community
  • Guides & Tutorials

Change the default WYSIWYG to Toast UI editor

An npm package let you the possibility to replace the default WYSIWYG editor in Strapi by Toast UI editor.

Maxime Castres

January 18, 2021

Web scraping with Strapi
  • Guides & Tutorials

Web scraping with Strapi

Use Strapi to scrape the web. Learn how you can collect data on websites using your favorite headless CMS, Puppeteer and Cheerio.

Maxime Castres

January 27, 2021

Newsletter

Sign up for the Strapi newsletter to keep up with the latest news from the Strapi community!

Unleash content.

Starters
Get Started

Strapi is the leading open-source Headless CMS. Strapi gives developers the freedom to use their favorite tools and frameworks while allowing editors to easily manage their content and distribute it anywhere.

Product

  • Why Strapi?
  • Content Architecture
  • Features
  • Enterprise Edition
  • Partner Program
  • Roadmap
  • Support
  • Integrations
  • Try live demo
  • Changelog

Resources

  • How to get started
  • Meet the community
  • Tutorials
  • API documentation
  • GitHub repository
  • Starters
  • Strapi vs Wordpress
  • The Guide to headless CMS

Integrations

  • Gatsby CMS
  • React CMS
  • Vue.js CMS
  • Nuxt.js CMS
  • Next.js CMS
  • Angular CMS
  • Gridsome CMS
  • Jekyll CMS
  • 11ty CMS
  • Svelte CMS
  • Sapper CMS
  • Ruby CMS
  • Python CMS

Company

  • About us
  • Blog
  • Careers
  • Contact
  • Newsroom
  • © 2021, Strapi
  • LicenseTermsPrivacy