The new Cosmic dashboard is now available in private beta 🎉
Get it now →

How to Preview Content in Cosmic

Community Articles
Community Articles How to Preview Content in Cosmic

Cosmic is dedicated to helping blended teams of developers and content editors collaborate to build apps faster. Here is a brief tutorial on setting up Preview Links in your Cosmic Bucket. 

Preview Cosmic Content in 3 Steps 

It's easy to set up Preview links on your Object Types to allow your writers to easily preview changes to content in draft or published state.  To add preview buttons to your Objects, simply go to the Object Type you want to Preview and click Settings > Preview Link.

Settings > Preview Link

Add your Preview Link (dynamically add the object slug with the [object_slug] shortcode).  If you would like to view Draft status Objects, you will need to make sure your web app queries the endpoint with ?status=all.  View the API documentation for more information on how to access your Objects in draft status.

Preview Link Slug

Once your Preview Link is available, you can draft content and save it. Then Click the Preview button located at the top right in the Edit Object page.

Cosmic Preview Button

I hope that you've found this tutorial helpful. If you have questions or comments about Content Editor Features in the Cosmic system, I'd love to hear about them. 

carson@cosmicjs.com 

You may also like


Upload media to your Cosmic Bucket using Multer.
Single page app that allows you to showcase you digital products and accepts credit card payment online. Very similar to the marketing sales funnel, but done in simple single page sales funnel.
Step by step guide to creating a Cosmic extension that imports data
Add the power of Algolia search to your Bucket. This Extension enables you to sync your Cosmic Objects with Algolia, making your data searchable. Set up automatic syncing to automatically add / edit / remove content from Algolia. Follow the simple steps below to install and setup Algolia.
In this video tutorial, I show you how to use the Cosmic CLI to install and deploy a Cosmic GraphQL-powered App in 5 minutes.
5 Website Boilerplates: React, Node.js, Vue, Nuxt.js and Next.js

Get started with Cosmic

Personal projects are free. Scale up as you grow.
Start building Talk to sales