Overview
Joshua Bryant described how Dow Jones rebuilt parts of its editorial workflow by extracting Gutenberg’s block editing surface from WP Admin and embedding it inside a standalone React planning app, while leaving all content, permissions, and plugins stored in the central WordPress database.
Why they did it
Dow Jones operates multiple flagship sites (WSJ, Barron’s, MarketWatch, Mansion Global) on a WordPress Multisite. For breaking news and market updates, every second matters: shaving even a few seconds from the publish path increases reach and impact. The team wanted a faster, less noisy editing experience for time-sensitive publishing without throwing away years of WordPress business logic, custom plugins, and integrations.
Three-part architecture
Their platform is organized into three separate applications:
– Planning: a React single-page app where reporters and editors schedule, coordinate, and prepare short, urgent updates.
– Editing: the canonical WordPress instance (NewsPress) that holds content, users, permissions, and plugins.
– Rendering: front-end systems (web, mobile, other clients) that read published content from the central DB and render it for readers.
Key idea: headless block editor
Instead of replacing WordPress, they embedded Gutenberg’s core block editor canvas into the planning app. They removed the surrounding WP Admin chrome and only exposed a minimal set of blocks (mainly paragraph and list) plus a few custom blocks for proprietary features like tickers and bylines. This focused surface reduces formatting distractions, prevents editors from adding unsupported markup, and speeds up publishing.
How publishing works
When an editor publishes from the planning tool, the app talks to WordPress via the REST API to save, lock, or publish posts. No WP Admin pages need to load in the browser. The post still lands in WordPress as the single source of truth, so later SEO edits, images, or enhancements can be made in WordPress or the planning tool. Downstream rendering systems pick up the published record and distribute it to readers immediately.
Benefits
– Speed: fewer clicks and no page reloads save precious seconds for breaking items.
– Focus: a slimmer editor reduces distractions during time-pressured reporting.
– Reuse: preserving WordPress backend and plugins keeps existing editorial rules and integrations intact.
– Scalability: the same model works across Multisite properties and multiple front ends.
Technical challenges and solutions
– Simulating WP globals: Gutenberg and many plugins expect a WP build environment and a global wp object. Running the editor outside WP required importing the right packages and exposing the expected runtime interfaces so Gutenberg code and compatible plugins run in the React app.
– Selecting the right pieces: the team separated the Block Editor canvas from the broader WP editor shell and reimplemented save/publish flows via REST calls.
– Sparse docs: embedding Gutenberg externally isn’t a common, documented path; the team relied on Trac tickets, GitHub issues, and source code to fill gaps.
How it’s used
The planning app’s lightweight editor is used for short, urgent updates and market pulses. Longer-form content and features continue through standard WordPress workflows. Breaking posts can be published instantly and later “converted” or enhanced in WordPress for fuller treatment.
Mobile and accessibility
Because the planning app is a responsive React SPA, reporters can file and publish from mobile with minimal friction. Reducing clicks and UI complexity helps field reporting and quick updates.
Rollout and sharing
The approach was piloted at MarketWatch and then expanded to wsj.com and Barron’s, proving extensible across Multisite properties. Joshua has published a public repository demonstrating the technique with proprietary parts removed and plans to expand it; he welcomes community feedback and contributions.
Conclusion
This is a pragmatic hybrid: keep WordPress as the authoritative backend with its plugins and editorial rules, while delivering a focused, headless editing surface tailored for speed and clarity. For newsrooms where seconds and coordination matter, the pattern preserves enterprise logic and enables faster publishing without a full platform rewrite.