{"templateId":"markdown","sharedDataIds":{},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"About this template: Warp Multi-sidebars","description":"Warp is the groundbreaking API that allows you to navigate, manipulate, and control time."},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"about-this-template-warp-multi-sidebars","__idx":0},"children":["About this template: Warp Multi-sidebars"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Redocly offers almost complete flexibility in information architecture."," ","This website is a demonstration of a common information architecture with a single navbar and multiple sidebars."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The content is meant to be fun and playful, but the information architecture is serious."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"step-1-sitemap","__idx":1},"children":["Step 1: Sitemap"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Map your content out. A sitemap is different from navigation."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["I color code the sitemap to organize the content into logical groupings."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/sitemap.578a7955b3bfb8f39fa43b8e4650fb1fec349e357a996b49bdfd03519e1461a0.9c1bb791.png","alt":"sitemap of warp"},"children":[]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To spare space, I only show the handful of pages in each logical grouping."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"step-2-navigation","__idx":2},"children":["Step 2: Navigation"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Decide how you want to organize your navigation."," ","You can have navbars, sidebars, and footers. Most websites have 1 navbar and 1 footer, but it's not uncommon to have multiple sidebars."," ","In some exceptions for multi-product website, they have multiple navbars."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/navigation.da9f9565e01ccd81cd6b0c459071c2cee694fb2bea0d525d72e292051715a07b.9c1bb791.png","alt":"navigation of warp"},"children":[]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["I decided this site would have 1 navbar, 1 footer, and multiple sidebars. I decided a few pages shouldn't have sidebars such as the home page, the changelog, and the legal pages."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["However, I could have easily added a sidebar to any of those pages by adding the file to the appropriate ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["sidebars.yaml"]}," file."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["A project with multiple sidebars would have multiple ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["sidebars.yaml"]}," files (with that exact name but located in different folders)."," ","They can be organized into folders as appropriate (you can see how I organized my project)."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The source is available ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://github.com/redocly/warp-multi-sidebars"},"children":["on GitHub"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["A project with a single sidebar is also available on GitHub at the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://github.com/redocly/warp-single-sidebar"},"children":["Warp Single-sidebar template"]},"."]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"treeview","header":{"controls":{"copy":{}}},"source":"├── @theme\n│   ├── Templates\n│   │   └── StepByStep.tsx\n│   ├── components\n│   │   └── CardWithCode\n│   │       └── CardWithCode.tsx\n│   ├── markdoc\n│   │   ├── components.tsx\n│   │   └── schema.ts\n│   └── styles.css\n├── about.md\n├── apis\n│   ├── arazzo.yaml\n│   └── index.yaml\n├── changelog.md\n├── guides\n│   ├── advanced-topics\n│   │   ├── automated-event-manipulation.md\n│   │   ├── case-studies-advanced-manipulation.md\n│   │   ├── complex-paradox-resolution.md\n│   │   ├── custom-extensions-plugins.md\n│   │   ├── high-precision-temporal-anchoring.md\n│   │   ├── index.md\n│   │   ├── multi-timeline-management.md\n│   │   ├── security-in-time-travel.md\n│   │   ├── temporal-data-management.md\n│   │   ├── temporal-ethics-best-practices.md\n│   │   └── temporal-mechanics.md\n│   ├── event-manipulation.md\n│   ├── index.md\n│   ├── quickstart.md\n│   ├── sidebars.yaml\n│   ├── temporal-anchoring.md\n│   └── time-navigation.md\n├── images\n│   ├── background.svg\n│   ├── grid-dark.svg\n│   ├── grid.svg\n│   ├── logo.svg\n│   ├── navigation.png\n│   └── sitemap.png\n├── index.page.tsx\n├── legal\n│   ├── responsible-use.md\n│   └── terms.md\n├── package-lock.json\n├── package.json\n├── redocly.yaml\n├── tools\n│   ├── cli.md\n│   ├── index.md\n│   ├── replay.md\n│   ├── sdks.md\n│   └── sidebars.yaml\n└── tutorials\n    ├── index.md\n    ├── lost-invention.md\n    ├── missing-mathematician.md\n    └── sidebars.yaml\n","lang":"treeview"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"step-3-home-page","__idx":3},"children":["Step 3: Home page"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The home page is the first page that visitors see."," ","It is the most important page."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["While I usually start with a draft, I often complete the home page last."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The home page can have a hero section, a features section, a benefits section, and a call to action."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In addition, the home page can have a navbar, a footer, and a sidebar."," ","However, many times people choose not to have a sidebar on the home page."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["I start my home page in Markdown because it's easy to write."," ","Then, I add in the fancier components and design flourishes last."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The same concept applies to any landing page, not just the home page."]}]},"headings":[{"value":"About this template: Warp Multi-sidebars","id":"about-this-template-warp-multi-sidebars","depth":1},{"value":"Step 1: Sitemap","id":"step-1-sitemap","depth":2},{"value":"Step 2: Navigation","id":"step-2-navigation","depth":2},{"value":"Step 3: Home page","id":"step-3-home-page","depth":2}],"frontmatter":{"seo":{"title":"About this template: Warp Multi-sidebars"}},"lastModified":"2026-08-25T07:13:41.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/about","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}