Generated site: introduce sidebar/detail view

[fahad19]

Currently

There's top navigation that has links to Feature, Segments, Attributes, and History.

Docs: https://featurevisor.com/docs/site/

Problem

It does not quickly give you an overview of the total number of Features, Segments, and Attributes that exist in the Featurevisor project.

Solution

We can change the UI to be sidebar-based, where top nav becomes sidebar nav.

And the links in sidebar can also show total number of items, like:

• Features (10)
• Segments(4)
• Attributes(5)
• History

Technical notes

More info: https://featurevisor.com/docs/site/

All components found here: https://github.com/fahad19/featurevisor/tree/main/packages/site/src/components

Local development tips

$ npm ci
$ npm run bootstrap

Make changes in packages/site, then do:

$ (cd ./packages/site && npm run build)

See the changes in example app:

$ (cd ./examples/example-1 && npm start)

[1e9y]

Do you have any examples that illustrates your proposal? Maybe some other documentation site that has sidebar-based UI?

[fahad19]

@1e9y: this can be a good example of the sidebar/detail view https://tailwindui.com/components/application-ui/navigation/sidebar-navigation