Guide

Page component for rendering guide pages with content, chapter navigation, and sidebar.

Props

Prop	Type	Required	Default	Description
`guide`	`Guide`	Yes	-	Guide data from Contentstack
`path`	`string`	Yes	-	Current page path
`parentGuide`	`Guide \| null`	No	-	Parent guide for chapter navigation (when this guide is a chapter)

import Guide from '@/components/pages/Guide';

<Guide guide={guideData} path="/guides/how-to-create-an-agent-skill" />

import Guide from '@/components/pages/Guide';

<Guide guide={guideData} path="/guides/how-to-create-an-agent-skill" />

Sticky breadcrumb: Breadcrumb navigation that sticks below header
Parent guide indicator: For chapters, shows parent guide as a teal badge above title
Date display: Published and updated dates with inline reading time (uses entry date when set, otherwise falls back to created_at)
Title: Guide content title with configurable tag
Content actions: Copy for LLM, View as Markdown, and Full Guide Markdown (for multipart guides) below the title
Authors: Author cards below the title
Taxonomy tags: Displayed inline near the title metadata and link to subject-filtered search
Rich content: Renders guide content using RichTextRenderer
Dual sidebars: Left sidebar for navigation/metadata, right sidebar for content structure
Additional items: FAQ, Notice, Related Items sections
JSON-LD: Structured data for SEO

The component automatically:

Supports rendering:

The component computes a fullGuideUrl and passes it to ContentActions:

This links to a route that returns all chapters concatenated into a single markdown document.