If you need to develop a custom view that does not map directly to a Firestore collection you can implement it as a React component.
You need to define the name, route and the component, and add it to the main navigation, as the example below.
By default, it will show in the main navigation view.
For custom views you can define the following props:
pathstring | string
CMS Path (or paths) you can reach this view from. If you include multiple paths, only the first one will be included in the main menu
Name of this view
Optional description of this view. You can use Markdown
Should this view be hidden from the main navigation panel. It will still be accessible if you reach the specified path
Component to be rendered. This can be any React component, and can use any of the provided hooks
Optional field used to group top level navigation entries under a navigation view.
A quick example for a custom view:
Your custom view is implemented as any regular React component that uses some hooks provided by the CMS: