JavaScript SDK

Description

The dotCMS JavaScript SDK is the foundation for building modern headless applications that integrate seamlessly with dotCMS and render directly inside the Universal Visual Editor (UVE). It’s designed to remove the friction traditionally associated with headless CMS integrations, giving developers a clear, consistent way to connect front-end applications to dotCMS while preserving a full visual editing experience for content teams.

The updated SDK provides a simplified, framework-agnostic core with first-class support for popular frameworks like React, Next.js, Angular, Astro, and Vue.js. It handles page rendering, editor communication, and UVE integration out of the box—so developers can focus on building great front ends instead of wiring up CMS plumbing. The result is faster development, cleaner code, and headless sites that remain fully editable inside dotCMS.

Benefits

For Developers

• Work with a cleaner, more intuitive API that reduces complexity and accelerates headless development.

• Use a framework-agnostic core with optional integrations tailored for React, Next.js, Angular, Astro, and other modern frameworks.

• Eliminate boilerplate by relying on built-in handling for page rendering, UVE communication, and content editing workflows.

• Build once and scale across multiple front ends with consistent CMS integration.

For Content & Marketing Teams

• Edit headless applications visually inside UVE with drag-and-drop layouts and inline editing.

• Preview real front-end pages exactly as users will see them.

• Maintain familiar editorial workflows regardless of the underlying JavaScript framework.

Use Cases

Next.js Headless Sites
A development team uses the JavaScript SDK to build a high-performance Next.js website that renders inside UVE, allowing content teams to visually edit pages without developer involvement.

Enterprise Angular Applications
An organization integrates an existing Angular application with dotCMS using the SDK, enabling centralized content management and full visual editing without re-architecting the front end.

Multi-Framework Environments
A company runs multiple front-end applications built with different JavaScript frameworks, all connected through the SDK and managed consistently through dotCMS and UVE.

Resources

• JavaScript SDK Documentation

• JavaScript SDK: Everything You Need to Know

• Quick Start Guide to the JavaScript SDK

• Getting Started with UVE and Next.js

• Render Pages with GraphQL and the JavaScript SDK