reactour
foodadvisor
Our great sponsors
reactour | foodadvisor | |
---|---|---|
9 | 15 | |
3,718 | 1,033 | |
- | 2.1% | |
7.7 | 6.0 | |
21 days ago | 3 months ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
reactour
- Training for the website
-
React tools for in-app tutorials?
Never used it but this seems pretty popular https://github.com/elrumordelaluz/reactour
- In-page tutorual
-
Need help with creating the tutorial tooltip on the dashboard
Something like this? https://reactour.js.org/
-
How the Strapi Marketing Team Uses Strapi
I was able in FoodAdvisor to include a Preview button in the content manager and to create a guided tour plugin using react-tour package. Without it, I should have waited for these features to be released.
-
How to make a tutorial for new website users?
Try https://reactour.js.org/ you should be able to restyle it to fit your needs.
-
Create a guided tour plugin in the admin panel
In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.
-
Some websites have a quick guide showing how to use them but adding overlays on elements explaining how to use the website and its features to any new user. How are these done?
If you use React, try reactour. It is extremely simple to use and you can see an example of it in my open source cross browser extension - TabMerger.
-
Foodadvisor Updates February 2021
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 ;)
foodadvisor
-
How to Set Up and Use Elasticsearch with Strapi
FoodAdvisor is the official Strapi demo application; you can learn a lot about Strapi by studying the repo.
-
Best Practices for Onboarding Content Managers to Your Strapi CMS
š” Tips: Instead of creating all your components from scratch, you can pick up examples directly from the strapi.io website and the official FoodAdvisor Demo.
-
Deploying and Scaling the Official Strapi Demo App āFoodAdvisorā with Kubernetes and Docker
Strapi is an open-source headless CMS. Itās 100% JavaScript and fully customizable. To see firsthand how it performs, Strapi provides an official demo app called FoodAdvisor that can be previewed on Strapiās website or deployed locally or in the cloud.
-
How to deploy a monorepo with Cleavr
In this guide, we'll use Strapi's demo application, Food Advisor.
-
How to create a Strapi v4 plugin
Don't worry if you don't have the same result as me. Indeed everything depends on your Strapi project. I use for this tutorial our demo FoodAdvisor :)
-
The first Strapi SEO plugin
It's true, why make an SEO plugin? I could have improved our FoodAdvisor demo application or updated our outdated tutorials on v4!
-
Deploying and Scaling the Official Strapi Demo App "Foodadvisor" with Kubernetes
Strapi is an open-source tool written with Node.js that offers unparalleled customizations and a super-fast headless CMS. To see firsthand how it performs, Strapi provides an official demo app called FoodAdvisor that can be previewed in Strapiās website or deployed locally or in the cloud. The FoodAdvisor app shows a listing of different restaurants and serves as a demo of the capabilities of Strapi.
-
New Strapi live demo: FoodAdvisor v2 using Strapi & Next.js
It was a lot of fun to update this official demo! 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!
-
Create a Preview Button in Strapi V3 for Next.js
This is the code that is implemented on FoodAdvisor, our live demo which has a Next.js front-end. First of all we get modifiedData and layout from useContentManagerEditViewDataManager hook. The first is an object containing your entry data, and the second has more interesting information about your entry (apiID, kind of content-type, metadatas etc...)
-
How the Strapi Marketing Team Uses Strapi
I encourage you to send this article that I wrote to your technical team concerning some good SEO practices in Strapi. These are just the basics, feel free to go further in customization. These are practices that we have obviously used in our website as well as on Foodadvisor, our live demo.
What are some alternatives?
ngx-joyride - Angular Joyride/Tour library
strapi-plugin-seo - The official plugin to make your Strapi content SEO friendly
driver.js - A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
Strapi - š Strapi is the leading open-source headless CMS. Itās 100% JavaScript/TypeScript, fully customizable and developer-first.
Next.js - The React Framework
kubernetes - Production-Grade Container Scheduling and Management
super-auto-pets-db - This database website is an un-official guide and reference for the pets, food and stats from the game Super Auto Pets.
awesome-strapi - A curated list of awesome things related to Strapi
hub-feedback - Feedback and bug reports for the Docker Hub
community-content - Contribute and collaborate on educational content for the Strapi Community
strapi-testing-filter-policies - A test Strapi app used to show how policies can be used to pre-filter requests