Components
Components that come with the CMS package.
The CMS package comes with a set of components that are designed to work with the CMS. At any point in time, you can extend these components to add your own custom functionality.
The Feed component
The Feed component is a wrapper around BaseHub's Pump component — a React Server Component that gets generated with the basehub SDK. It leverages RSC, Server Actions, and the existing BaseHub client to subscribe to changes in real time with minimal development effort.
It's also setup by default to use Next.js Draft Mode, allowing you to preview draft content in your app.
The Body component
The Body component is a wrapper around BaseHub's RichText component — BaseHub's rich text renderer which supports passing custom handlers for native html elements and BaseHub components.
The TableOfContents component
The TableOfContents component leverages the Body component to render the table of contents for the current page.
The Image component
The Image component is a wrapper around BaseHub's BaseHubImage component, which comes with built-in image resizing and optimization. BaseHub recommendeds using the BaseHubImage component instead of the standard Next.js Image component as it uses Image under the hood, but adds a custom loader to leverage BaseHub's image pipeline.
The Toolbar component
The Toolbar component is a wrapper around BaseHub's Toolbar component, which helps manage draft mode and switch branches in your site previews. It's automatically mounted on CMS pages.