TinaCMS provides multiple options for managing media.

All of the media configuration is done in the defineConfig function under config.media.

Example:

export default defineConfig({
  //...
  schema: {
    collections: [
      // Array of collections
    ],
  },
  media: {
    // Media config
    tina: {
      // Repo-based Media config
    },
    // function that loads  the media store
    loadCustomStore: async () => {},
  },
  //.. Other config
})

Note: Only Repo-based Media or an External Media Provider can be configured, but not both

Repo-based Media (default)

With the built-in repo-based media option, media is stored within the site's repository.

Read more about repo-based media here

External Media Providers

TinaCMS also supports pluggable external media providers.

Read more about the external media store implementation here

Video Tutorial

For those who prefer to learn from video, you can check out a snippet on media from our "TinaCMS Deep Dive" series.

Last Edited: June 29, 2022