Collection Landing Page

#

Overview

The Collection Landing Page feature provides a modern, user-friendly homepage for published documentation collections. It automatically displays when users visit the root URL of a collection and offers an enhanced browsing experience with search functionality and visual navigation.


#

Key Features

#

Automatic Landing Page Detection

  • Smart URL recognition automatically detects when users are on the collection's root URL.

  • Multi-domain support works with custom domains, worker deployments, and direct access.

  • Conditional display ensures it only shows when the homepage feature is enabled in collection settings.

#

Enhanced Search Experience

  • Prominent search bar centered in the hero section.

  • Real-time results with debounced input for performance.

  • Search dropdown closes when clicking outside or pressing Escape.

  • One-click clear button with Bootstrap-styled icon.

  • Multi-category search across page titles, tags, and content.

#

Visual Navigation

  • Displays up to three featured pages with images in an attractive card layout.

  • Automatically selects pages with feature images, sorted by engagement.

  • Responsive design with adaptive layout (three columns on desktop, responsive on mobile).

  • Organized category navigation for all collection pages.

#

Intelligent Content Organization

  • Conditional sections shown based on available content.

  • Dynamic headings like “Browse by Topic” appear only when featured cards are present.

  • Fallback navigation for direct category access when no featured content is available.

  • Clean, minimal layout focused on content discovery.


#

Configuration

#

Enabling the Feature

Go to Collection Settings → Enable “Homepage” in Visible Components.


#

Pages become featured automatically when they have:

  • Feature images uploaded in page metadata.

  • Higher engagement metrics (page views or reads).