NextJS sidebar like in official Docs

Question

The official docs of NextJS has nice sidebar with style and function.

I wonder if we can access the source code of the sidebar of the official website, or taking a step back, any react/next package can support the NextJS manifest file so that we can learn from and reuse it?

Preferably it can work with the next-mdx-remote.

So far I've got

• opstrace/next-product-docs has a sidebar component and is the most similar one to what I'm looking for, but the style is not as good.
• React components, they have good style but without no NextJS support (loading pages from manifest.json or file name).
  • Stylish Sidebar (with hosted demo)
  • React Multilevel Sidebar (with gif demo)
  • @milon27/react-sidebar
  • next-sidebar
  • react-pro-sidebar from @Moein Moeinnia. This one is has an outstanding interactive UI.

TIA.

Answer 1

I have use a package called react-pro-sidebar and it's super cool.

Check it out