Studio Playground
Studio

Roadmap

Track the development progress of Nuxt Studio and discover upcoming features planned for future releases.

This roadmap outlines the development phases of the self-hosted Nuxt Studio module. We're committed to build a powerful open-source content management system for Nuxt Content websites.

This roadmap is subject to change based on community feedback and evolving priorities. Join the conversation on GitHub Discussions or join the Discord to help shape the future of Nuxt Studio.

Current Status: Alpha Release

v1.0.0-alpha - Current Release

The alpha release focuses on core functionality and stability. The alpha now includes both the Monaco code editor and the TipTap visual editor, providing a complete editing experience for Markdown content with MDC component support.

Release Phases

✅ Phase 1 - Alpha (Completed)

Focus: Core infrastructure, file operations, and GitHub integration

Content Editors

Professional editing experience with both code and visual modes.

Monaco Code Editor:

  • Syntax highlighting for Markdown, YAML, JSON
  • MDC syntax support
  • Split-screen diff viewer for conflicts
  • Auto-save functionality

TipTap Visual Editor:

  • Notion-like editing experience
  • MDC component support (insert, edit, and manage Vue components)
  • Media picker integration for images
  • Slash commands (/) for quick formatting
  • Drag & drop content reordering
  • Bubble toolbar for text formatting
  • Link editing with floating popover
  • Real-time conversion between visual and MDC/Markdown
  • Debug mode for troubleshooting conversions

Status: ✅ Completed

File Operations

Complete CRUD operations for content files in the content/ directory.

Features:

  • Create new files and folders
  • Edit existing files
  • Delete files and folders
  • Rename and move files
  • Draft management with status tracking

Status: ✅ Completed

Media Management

Centralized media library for assets in the public/ directory.

Features:

  • Upload images, videos, audio files
  • Organize media in folders
  • Preview media files
  • Delete and rename media
  • Copy media URLs and intergrate in Markdown

Status: ✅ Completed

Git Integration

Direct commits to GitHub with full version control.

Features:

  • GitHub OAuth integration
  • Commit changes via GitHub API
  • Conflict detection
  • Author attribution
  • Commit message customization

Status: ✅ Completed

Real-time Preview

Live preview of changes on your production website.

Status: ✅ Completed

Internationalization (i18n)

Multi-language support for the Studio interface.

Status: ✅ Completed

GitLab Integration

Support for GitLab as a git provider alongside GitHub.

Status: ✅ Completed

Development Mode

Local development support without authentication.

🚧 Phase 2 - Beta (In Development)

Focus: Enhanced form-based editing and advanced component management

Target Release: Q4 2025

The beta phase will introduce form-based editors for frontmatter, YAML, and JSON files, along with enhanced component editing capabilities.

Frontmatter Form Editor

Schema-based forms for editing frontmatter in Markdown files.

Status: 🚧 Planned

YAML and JSON Form Editors

Schema-based forms for YAML and JSON files.

Status: 🚧 Planned

Vue Component Props Editor

Visual interface for editing Vue component properties.

Status: 🚧 Planned

Google OAuth Authentication

Alternative authentication method for non-GitHub users.

Status: 🚧 Planned

Google-authenticated users will require at least one personal GitHub token to commit.

🔮 Phase 3 - Stable Release

Focus: Production readiness and advanced features

Target Release: End of year 2025

The stable release will include performance optimizations and production ready features.

🌟 Phase 4 - Advanced Features (Future)

Focus: AI integration, multiple git providers and community based features.

Target Release: 2026

Long-term vision for expanding Studio's capabilities and integrate AI-powered content suggestions.

Media Library

Explore how to browse and manage media files, and integrate them into your projects using Nuxt Content Studio CMS features.

Advanced

Understand how Nuxt Studio synchronizes content between your production website and your Git provider.