Nuxt Studio Released: Open Source CMS for Content Editing in Production

"The release marks a change from the previous hosted platform to a fully self-hosted approach, giving developers complete control over their content editing infrastructure with no external dependencies. Nuxt Studio introduces a set of features designed to bridge the gap between developers and content creators. The module provides a Notion-like visual editing experience with full MDC component support, allowing users to insert Vue components, edit props visually, and drag-and-drop content blocks directly within the production site."

"An important developer experience feature is the real-time preview capability, which allows content editors to see changes instantly on the production website. Draft changes are stored locally in the browser until users are ready to publish, at which point they can commit directly to GitHub or GitLab. This Git integration ensures that all content changes flow through the same CI/CD pipeline as code changes, maintaining a single source of truth."

"The module also includes a centralized media library for managing files in the public directory, with the ability to browse folders, upload files, and insert images directly into content. Authentication is handled through flexible OAuth providers, supporting GitHub, GitLab, and Google, with the option to implement custom authentication flows. The interface itself supports full i18n, with translations available in English, French, German, Spanish, Japanese, Chinese, and numerous other languages."

Nuxt Studio has been released as a free, open-source, self-hosted module for Nuxt Content, giving developers full control over content editing infrastructure without external dependencies. The module provides a Notion-like visual editor with full MDC component support, enabling insertion of Vue components, visual prop editing, and drag-and-drop content blocks on the production site. Real-time preview shows changes instantly, with drafts stored locally until publishing. Content can be committed directly to GitHub or GitLab so changes flow through the same CI/CD pipeline as code. The module includes a centralized media library, OAuth authentication options, full i18n, and a straightforward migration path from the hosted platform.

Read at InfoQ