Contentful logo

Contentful Community

How to model nested navigation without using up precious content types?

Let’s say on the header of your website you have:

  • Shop Products
    – Mens
    – Womens
    – Browse all
  • Blog
  • About

where “Shop Products” has nested navigation. I hear the recommended way to do this is to reference existing pages, so that if the titles or links of those pages update, so will the navigation. However, how would I model the nested “Shop Products” page?

The alternative solution I can think of is to create a new Navigation Item content type, but the problem with that is the duplication in title and link. Also, Contentful content-types are super expensive and it seems like a waste to need multiple content-types for just a navigation component. This problem is compounded if you have other component with similar content-types.