Skip to content

[Sistent] Make Sistent navigation and pagination dynamic from MDX content #7585

@rishiraj38

Description

@rishiraj38

Current Behavior

Currently the pagination is hardcoded - we have to manually add all routes in
src/components/SistentNavigation/content.js every time a new component is added. This requires:

  • Manually maintaining 160+ entries with correct IDs and ordering
  • Updating both navigation sidebar and pagination components separately
  • Risk of inconsistencies between navigation and pagination order

Desired Behavior

The pagination and navigation should be fully dynamic:

  • Automatically fetch all Sistent components from MDX files via GraphQL
  • Display components in alphabetical order
  • Include all sub-pages (overview → guidance → code) in correct sequence
  • No manual updates required when adding new components

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions