Rocket Logo Rocket Guides Docs Blog Toggle darkmode

First Pages: Managing sidebar

The sidebar will show all the content of the current section.

Nesting Pages

You nest by adding >> between parent and child.

Sorting Pages

You can sort by adding ||xx at the end.

e.g.

# Second || 20
# First || 10

Will be ordered as First, Second,

How it works

Internally # Foo >> Bar >> Baz ||20 gets converted to.

---
title: Bar: Baz
eleventyNavigation:
  key: Foo >> Bar >> Baz
  parent: Foo >> Bar
  order: 20
---

You can also look at this live playground:

How it then works is very similar to https://www.11ty.dev/docs/plugins/navigation/

By default, the sidebar nav redirects clicks on category headings to the first child page in that category.

To disable those redirects, override _includes/_joiningBlocks/_layoutSidebar/sidebar/20-navigation.njk and add the no-redirects attribute to the <rocket-navigation> element.