Block Previews

The Preview button enables you to easily see your work in progress in draft mode. Write, edit, preview, repeat.

Joaquín MontesLast Updated August 09, 2024

How can I preview my content?

Step by step tutorial to implement all sections in this article.

Set the preview URL in the repository settings

You can go to the repo’s README and setup the preview URL clicking on the arrow in the top right corner.

Set the block dynamic URL

You can use the BaseHub syntax to consume dynamic values and generate your preview URLs.

For example, the preview for this entry would be {_origin}/{parent._slug}/{_slug} that will be displayed as https://help.basehub.com/dashboard/previews.

The Preview URL popup gives you an exhaustive list whit all the available variables that you can consume for the current block. In those you should see any text field, the system variables and the parent variables, that correspond to the block immediately above the selected on in the editor.

Set BaseHub draft mode with basehub/toolbar

Lastly, you should integrate the BaseHub toolbar to your app code in order to receive the correct auth from BaseHub and show the WIP in draft mode.

Pump is a React Server Component that enables a Fast Refresh-like experience for your content. When set up, Pump will subscribe to real time changes from your Repo, and so keep your UI up-to-date. This is ideal for previewing content before pushing it to production.

Did this answer your question?
Copyright © 2024, KAIROS CRYPTO LLC. All rights reserved.