--- title: "Empower Content Teams with Visual Editing in the Dev Server" description: "Discover how Netlify’s new visual editing feature in the Dev Server preview streamlines workflows for content teams and developers." source: "https://www.netlify.com/blog/visual-editing-in-the-dev-server/" last_updated: "2026-07-11T00:33:14.000Z" --- In composable web architecture, developers often find themselves supporting content teams with frustratingly inefficient workflows. Teams typically manage at least three open tabs—one for the content (CMS or GitHub), one for the preview, and one for the actual article post. This constant juggling wastes time and complicates an already complex system. At Netlify, we’re solving this problem with a powerful new feature: **visual editing in the** [**Dev Server**](https://docs.netlify.com/platform/dev-server/) **preview**. This feature provides developers with better control over site architecture and full visibility into the logs—all while enabling content teams to make real-time updates directly in the preview environment. This [bridges the gap between content creators and developers](https://www.netlify.com/reports/2024-leadership-trend-report/access/) in a way that significantly reduces workflow friction. ## Simplifying developer workflows in the Dev Server One of the biggest headaches for developers working with content teams is setting up and maintaining live previews that offer real-time updates. You’re often tasked with either building and maintaining custom preview components, or worse, giving up control over the site’s architecture, build, and release pipelines. To address this need, a few months ago, [we released a new primitive](https://www.netlify.com/blog/gatsby-live-preview-with-new-dev-server/), the Dev server, a Netlify-provisioned container that runs Netlify dev for your site. By default, it uses the same settings as when running the [CLI](https://docs.netlify.com/cli/get-started/) locally. Virtually any web framework nowadays has a development (or dev) mode in which all pages can be re-generated, including pages that are fully static in production builds. Since its launch in August, nearly fifty of our largest customers have adopted Netlify’s Dev Server, providing their content teams with a reliable preview environment that allows them to review content changes quickly and work more efficiently. Today, we’re taking things a step further by introducing the ability to visually edit directly within Dev Server previews. This is just the beginning, as our goal is to make this the default feature in [Netlify’s Visual Editor](https://www.netlify.com/platform/create/), streamlining the developer experience when it comes to setting up collaboration between content creators and developers. ## Key developer benefits While there are many—here are the highlights. ### 1\. Full visibility into logs and errors When something goes wrong, you need insight into what caused the issue—fast. The Dev Server preview gives you direct access to logs and error messages, making it easy to diagnose and fix issues quickly. This feature helps avoid bottlenecks that would otherwise block content teams and slow down development. ![](https://cdn.sanity.io/images/o0o2tn5x/production/fce0b8d71a17f326a1b3d127fa3cc14d5f0b1453-1600x900.png?auto=format) ### 2\. Seamless real-time previews Maintaining live content previews is often a pain, requiring custom code or plugins that add complexity to the stack. The Dev Server handles all of this for you, offering a real-time preview that works with virtually any web framework’s development mode. The pages can regenerate on the fly, giving your content team the feedback they need without interfering with your development process. ![](https://cdn.sanity.io/images/o0o2tn5x/production/213806fae90ab6b7a794a7f9422d4c4be41e41de-1563x1031.png?auto=format) ### 3\. Maintain control over architecture With the Dev Server, you don’t have to compromise on site architecture or lose control over the CI/CD pipeline. It integrates seamlessly into your existing workflows, providing flexibility for content updates while preserving the integrity of your site’s infrastructure. ## Get started with visual editing in the Dev Server Preview This functionality is currently in Private Beta. Enabling this feature takes just a few steps in the Netlify app, and it seamlessly integrates into your existing setup. Once enabled, both developers and content teams will immediately start seeing the benefits of real-time previews with full editing capabilities. Interested in trying it out? [Join our Private Beta today](https://docs.google.com/forms/d/e/1FAIpQLScygUnsEnBPQvC6kZ3j2RXUxVSxJSBDqLRP_2c21DxTA_YPcw/viewform?usp=sf_link) and experience the next step in streamlined development workflows. ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Empower content teams with visual editing in the Dev Server&url=https://www.netlify.com/blog/visual-editing-in-the-dev-server/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fvisual-editing-in-the-dev-server%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/visual-editing-in-the-dev-server/) - [Bluesky](https://bsky.app/intent/compose?text=Empower content teams with visual editing in the Dev Server+https://www.netlify.com/blog/visual-editing-in-the-dev-server/) * * * ### Tags - [Developer Experience](/blog/tags/developer-Experience/) - [Visual Editor](/blog/tags/visual-editor/) - [Workflow](/blog/tags/workflow/) - [collaborative deploy previews](/blog/tags/collaborative-deploy-previews/) - [changelog](/blog/tags/changelog/) ## Keep reading ![](/_astro/8d1e4b434bf18bf2afa0694765a532acd48f5e71-2400x1350_Z1KHjq8.webp) News & Announcements July 29, 2024 [ ### Live Preview for Gatsby is back (and better) with the new Dev Server ](/blog/gatsby-live-preview-with-new-dev-server) - ![Profile picture of Elad Rosenheim](/_astro/be563e8998105c7e95b4db9110fa16b47cb68acd-230x230_Z2hYOHp.webp) Elad Rosenheim ![](/_astro/cfced19dec4598aba2770b186864836f5c149d4e-2400x1351_ZySS8d.webp) News & Announcements September 25, 2024 [ ### Celebrating 5 Million Developers ](/blog/celebrating-5-million-developers) - ![Profile picture of Mathias Biilmann](/_astro/8dbeff2b619a93b941f1b08a752eed6721d91bad-3965x3947_1feB2t.webp) Mathias Biilmann ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)