Directus Logo
  • The Data Engine and Studio
    • Connect
      Generate REST and GraphQL APIs instantly
    • Explore
      Browse and filter data in custom layouts
    • Editor
      Create and manage data in custom forms
    • Files
      Store and transform all your digital assets
    • Auth
      Protect your data with granular access control
    • Insights
      Visualize data within custom dashboards
    • Automate
      An automation builder for your data
    • Realtime
      Keep your data in sync with WebSockets
    Extend Your Toolkit
    Directus Marketplace

    Directus Marketplace

    Customize your data experience with extensions.

  • Build powerful apps and tools
    • Headless CMS
      Manage and deliver digital experience content
    • Backend-as-a-Service
      Simplify backend operations and scale
    • Product Management (PIM)
      A single source of truth for products
    • 100+ More Things To Build
      Looking for inspiration? Look no further
    • Startups
      Build fast, scale faster
    • Enterprise
      Secure, scalable composable architecture
    • Agencies
      Enhance your productivity and agency offerings
    • Government
      Dual-use platform for government applications
    Focus on the frontend
    Directus Cloud

    Directus Cloud

    Convenience and scalability without the stress.

  • Technical resources
    • Directus Docs
      Documentation on set-up and using Directus
    • API Reference
      Dynamic REST and GraphQL API docs
    • Tutorials and Guides
      Our developer blog for specific use cases
    • Quickstart Guide
      Get up and running quickly
    • Roadmap
      See what's on our product roadmap
    • Security
      Our commitment to security and compliance
    • GitHub
      Visit our repo on GitHub
    • Docker Hub
      Visit the official Directus Docker hub
    Open Source
    Visit our GitHub

    Visit our GitHub

    We're committed to the open source community.

  • Learning Center
    • Blog
      Read our latest articles and guides
    • Success Stories
      Case studies and success stories
    • Community
      Join our 10k member Discord community.
    • Events & Meetups
      See upcoming events and in-person meetups
    • About Us
      Learn more about Directus and the team
    • The Wall of Love
      See what others are saying about us
    • Contact
      Have a general inquiry or question for us?
    • Support
      Reach out to Directus support
    Watch Directus TV
    Directus TV
    Video

    Directus TV

    Go down the rabbit hole with hours of original video content from our team.

  • Pricing
Get DemoGet Started
GitHub logo25,762
Back
product
Friday, May 26, 2023

Peek Before You Publish With Live Preview

Now you can visualize and share content changes in real time right inside of your Directus instance.
Peek Before You Publish With Live Preview

Along with a ton of other great features and improvements from our 10.2 release, we're excited to unveil an exciting new feature that will make your work in Directus a whole lot easier – Live Preview.

With Live Preview, you will be able to preview changes to your content before publishing, providing you with the confidence and control you need.

How does Live Preview work?

It's simple! When you make changes to your content, whether it's editing text, updating images, or refining layouts, Directus Live Preview instantly generates a real-time preview of those changes.

This means you no longer have to rely solely on your imagination or hit the publish button to see how your content will appear. But that's not all – Live Preview takes collaboration to the next level. You can share your content previews with team members, stakeholders, and clients using a unique preview URL.

This empowers you to gather feedback, align with your stakeholders, and ensure everyone is on the same page before your content goes live. Say goodbye to countless iterations and misunderstandings, and hello to seamless collaboration!

What are the benefits of Live Preview?

With Directus Live Preview, you'll enjoy the following benefits:

  • Confidence. Get a sneak peek of how your content will look and feel before hitting that publish button. No more guessing or hoping for the best!

  • Efficient iterations. Fine-tune your content iteratively, as you can instantly see the impact of each change you make. No need to go back and forth, wasting time on endless revisions.

  • Streamlined collaboration. Share content previews with your team members, stakeholders, and clients using a preview URL. Everyone can review and provide feedback, ensuring alignment and smoother decision-making.

  • Client approval made easy. Impress your clients with professional, polished content previews. Gather their approval efficiently and gain their trust by involving them in the process.

  • Peace of mind. Avoid unexpected surprises and maintain control over your content. With Live Preview, you can spot and rectify any potential issues before they go live, saving you from embarrassment or costly mistakes.

Remember, you'll have the power to visualize, share, and refine your content effortlessly. Empower yourself and your team with this game-changing feature, and let creativity and collaboration flourish like never before. Get ready to preview greatness!

Posted By

Esther Agbaje

Esther Agbaje

Education

Share

LinkedIn LogoTwitter LogoReddit LogoDev.to Logo

Sign up for updates 🐇

Get insights, releases, and exciting news delivered directly to your inbox once a month. No spam - we promise. 🙂

  • Directus LogoDirectus Logo

    A composable data platform to build your Headless CMS, BaaS, and more. 

  • Solutions
    • Headless CMS
    • Backend-as-a-Service
    • Product Information
    • 100+ Things to Build
  • Resources
    • Documentation
    • Guides
    • Community
    • Release Notes
  • Support
    • Issue Tracker
    • Feature Requests
    • Community Chat
    • Cloud Dashboard
  • Organization
    • About
    • Careers
    • Brand Assets
    • Contact
©2024 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy
  • github
  • discord
  • youtube
  • docker
  • npm
  • x
  • mastodon
  • linkedin