reactour
Gatsby
Our great sponsors
reactour | Gatsby | |
---|---|---|
9 | 356 | |
3,710 | 55,000 | |
- | 0.1% | |
7.7 | 9.4 | |
15 days ago | about 19 hours 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 ;)
Gatsby
-
Gatsby tutorial: Build a static site with a headless CMS
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
-
Building a High-Performance Website with Next.js and WordPress
While Next.js is a powerful framework for building server-rendered React applications, it's not the only option for developers looking to create high-performance websites. One notable alternative is Gatsby, a static site generator that leverages React and GraphQL.
-
The Current State of React Server Components: A Guide for the Perplexed
The other piece of important information to acknowledge here is that when we say RSCs need a framework, “framework” effectively just means “Next.js.” There are some smaller frameworks (like Waku) that support RSCs. There are also some larger and more established frameworks (like Redwood) that have plans to support RSCs or (like Gatsby) only support RSCs in beta. We will likely see this change once we get React 19 and RSCs are part of the Stable version. However, for now, Next.js is currently the only framework recommended in the official React docs that supports server components.
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
GatsbyjsCMS - Gatsby is the fast and flexible framework that makes building websites with any CMS, API, or database fun again. Build and deploy headless websites that drive more traffic, convert better, and earn more revenue!
- The gatsby build command will not complete or terminate
-
ReactJS Good Practices
GatsbyJS
-
Abstract Syntax Trees and Practical Applications in JavaScript
Babel plugins are everywhere. From being used to remove unwanted exports from files in Gatsby to being used to disallow users from doing re-exports in Nextjs.
-
How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free
In terms of GitHub stars, SSGs like Next.js, Hugo, Gatsby, Docusaurus, Nuxt.js, and Jekyll top the list. Some popular SSGs even host conferences and workshops, providing resources and networking opportunities for those looking to explore more advanced topics in depth.
-
Finding the Best React CMS: A Comprehensive Guide
Flexibility : Developers have complete control over the frontend so they can use their preferred tools and frameworks like React, Next.js, Gatsby, or Remix.
-
Chakra UI vs Shadcn UI
Both Chakra UI and Shadcn supports reusable components and can be used with different frameworks like React, Gatsby, Next etc.
What are some alternatives?
ngx-joyride - Angular Joyride/Tour library
Svelte - Cybernetically enhanced web apps
driver.js - A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
Next.js - The React Framework
SvelteKit - web development, streamlined
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.
Express - Fast, unopinionated, minimalist web framework for node.
foodadvisor - 🥘 THE Strapi demo application
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
awesome-strapi - A curated list of awesome things related to Strapi
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core