{"id":21873,"date":"2019-04-10T15:38:42","date_gmt":"2019-04-10T15:38:42","guid":{"rendered":"http:\/\/managing_visual_media_with_the_cloudinary_netlify_integration"},"modified":"2022-02-26T04:35:00","modified_gmt":"2022-02-26T04:35:00","slug":"managing_visual_media_with_the_cloudinary_netlify_integration","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/managing_visual_media_with_the_cloudinary_netlify_integration","title":{"rendered":"Managing Visual Media With the Cloudinary-Netlify Integration"},"content":{"rendered":"

Static sites and the JAMstack<\/a> are quickly becoming a standard for developing safe and performant websites with an optimal workflow for developers. Netlify CMS<\/a> (not to be confused with the company that created it, Netlify<\/a>) is an open source content management solution that works especially with static site generators such as Gatsby<\/a>, Hugo<\/a>, etc\u2026 enabling content storage in your Git repository along with your code for easier versioning, multichannel publishing, and direct content updates in Git.<\/p>\n

Cloudinary is integrated with Netlify CMS, meaning that you can seamlessly manage and publish media from Cloudinary within Netlify CMS. That is, you can load Cloudinary\u2019s Media Library widget<\/a> in Netlify CMS and then perform all the tasks you would normally do within the Cloudinary Media Library, for example, upload, search, tag, transform, or insert images.<\/p>\n

Setting Up the CMS Integration<\/h2>\n

Integrating Cloudinary into Netlify CMS takes only a few configurations:<\/p>\n

    \n
  1. \nSign up<\/a> for a free Cloudinary account if you don\u2019t already have one.<\/li>\n
  2. \nAdd Netlify CMS to an existing site<\/a> or if you don\u2019t already have a site that uses Netlify CMS, you can create a new site from a template<\/a>. Alternatively, follow the instructions<\/a> to configure Cloudinary within Netlify CMS.<\/li>\n<\/ol>\n

    That\u2019s it!<\/p>\n

    Afterwards, the Netlify CMS built in Media Library button and all image fields will use the Cloudinary Media Library to insert images. Furthermore, you can transform the image (see the illustration below for an example) from within the Media Library. Cloudinary applies such transformations as chained transformations on top of the global or field-level transformations. For details, see the configuration options<\/a>.<\/p>\n

    Note:<\/strong>

    You can do a lot more with the Media Library widget, for example, upload, tag, move, or delete images. In other words, the Cloudinary-Netlify CMS integration makes available all the capabilities of Cloudinary\u2019s Media Library within Netlify CMS.<\/p><\/div>\n\"media\n\"media\n

    Here are some additional highlights:<\/h4>\n