Need Help in solutioning authoring design for header of the website

​@arunpatidar ​@AmitVishwakarma  Pulling you into this discussion to get your take, especially if there are best practices we should be thinking about. Thanks in advance for any input you can share.

Hi, 

I would strongly recommend using the Navigation component from the Core Components. You can learn more about it here: https://www.aemcomponents.dev/content/core-components-examples/library/core-structure/navigation.html

In most cases, it’s easier to extend this component and adapt it to your needs. However, if you truly need to build something from scratch, keep in mind that the “Header” menu traditionally follows the page hierarchy. The typical approach is to define a root path and then display a certain number of child pages, or apply business rules (checkboxes, page rank, page order, page naming, etc) to determine which pages should appear in the header menu. 

Hope this helps