Studio

Manage and integrate Medias in Nuxt Content Studio CMS

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

Browse your medias

All medias located in the /public directory are available in the Media tab of the Studio interface.

It's an intuitive interface for non technical users to manage their /public directory.

Users can easily browse folders, upload new media at any level, and drag and drop media, making medias organization straightforward.

The interface is designed to be intuitive for non-technical users. It can be viewed as a user friendly IDE.

Use it in the Notion-like editor

The TipTap visual editor provides seamless media integration:

  • Drag and drop - Simply drag and drop images directly into the editor. An upload modal will open to let you choose the destination folder Coming Soon
  • Slash commands - Type / and search for Image to quickly insert a media. A modal will open to let you choose the media from your library
  • Alt text support - From the media modal, you can set the alt attribute for SEO and accessibility Coming Soon

Supported File Types

The media library supports a wide range of file types:

  • Images: JPEG, PNG, GIF, WebP, AVIF, SVG
  • Videos: MP4, WebM