By default, the <Page> component will render metadata tags in the <head> of your page with data provided in the Visual Builder, such as the page title, description, social image, etc. If you have other sources
of truth for your page metadata, you can avoid collisions with Makeswift by controlling which fields are rendered with the metadata prop. By default, all metadata from Makeswift is rendered.
You can pass a boolean to disable or enable all metadata fields. By passing false, you can disable all Makeswift metadata fields from being rendered. This implies that you will manually handle rendering metadata on your own.
Copy
Ask AI
// Disable all Makeswift metadata fields<Page snapshot={snapshot} metadata={false} />
For more granular control, you can pass a PageMetadataSettings object to specify which metadata fields should be rendered. Each property is a boolean that indicates whether to render that specific metadata field.
Additionally, omitting a field will result in it not being rendered. For example, to only render the title and description data from Makeswift use the following: