Build a nested navigation menu

algolia / algolia-react-boilerplate

🔥 A highly scalable, and customizable boilerplate, made with ReactInstantSearchHooks and with many Algolia's features. Ready to configure and deploy. You have just to follow steps in readme file. 💥

https://algolia-react-boilerplate.netlify.app/

MIT License

24 stars 12 forks source link

Build a nested navigation menu #307

Open VirAlex opened 2 years ago

VirAlex commented 2 years ago

Spec: Multiple nested categories i.e. hierarchical. Root level shown in default navigation. Hover on root shows next level of categories Refine by clicking on a category label Refinement shows in currentRefinements

Approach https://www.algolia.com/doc/api-reference/widgets/hierarchical-menu/react-hooks/#hook

VirAlex commented 2 years ago

Work with custom widget and connectors from ReactInstant Search Hooks: Custom Widget

Try to Learn about the doc
Try to improve the doc, for our understanding
Exchange with the FX team to provide something useful for both sides

VirAlex commented 2 years ago

We planned to build a Script to parse all the categories and generate the megamenu launche one Time a the 1st launche of the app then if the SE will put true to the megaMenu option it will use this JSON file to create front side of megaMenu.