The pages browser

For document types that render routes in the front-end, we provide a specialized Pages Browser that reflect the site's URLs (sitemap). This is useful for quickly navigating to a specific page, or for finding out which pages are available.

When editing documents, real-time previews open automatically on the right. You can also open the preview in a new tab by clicking on the launch icon on the top-right.

The Pages Browser is connected to your project's configuration, using its locales, proper document types, and the URL resolvers. There's no need to configure anything beyond what's already connected by the template.

Refer to the browser's souce code in the @tinloof/sanity-toolkit package for implementation details.