Create a documentation sidebar:
- Use
src/lib/data.tsto export sidebar links and other data/config. - Have a top nav with toggle to the left and next to it a search input, and to the right social media links and theme toggle.
I'll create a modern documentation sidebar with a top navigation bar. This will include a collapsible sidebar with organized navigation links, a search input in the header, social media links, and a theme toggle. All the navigation data will be centralized in a data file for easy management.
Make the following changes:
- Sidebar logo it's centered, have it to the left.
- Add optional link icon for nav links.
- Search input it's centered and it needs to be next to sidebar toggle.
Export link icon from the data.ts file and check if link contains icon after. Render like this <link.icon />.
For now only add icons to Getting Started links.
Have site name, logo icon, and things like that coming from data.ts to make it easy to make changes.
add a footer to main page, just like the top nav
Have footer Lab0 inline, use a separator. Also use same hight for footer like the sidebar footer and top nav.