Demo

https://gcloudinary.netlify.app/

Gatsby-source-cloudinary

This plugin fetches media assets from Cloudinary that are specified in a folder. It then transforms these images into Cloudinary file nodes, which can be queried with GraphQL in a Gatsby project.

gatsby-transformer-cloudinary

Creates CloudinaryAsset nodes from compatible File nodes. The File nodes are uploaded to Cloudinary, and the CloudinaryAsset responses are made up of Cloudinary URLs to transformed images in a format

🐱‍🏍 References:

• Gatsby document: https://www.gatsbyjs.org/docs/using-cloudinary-image-service/
• gatsby-source-cloudinary: https://github.com/Chuloo/gatsby-source-cloudinary
• gatsby-transformer-cloudinary: https://www.npmjs.com/package/gatsby-transformer-cloudinary
• cloudinary docs for transform images: https://cloudinary.com/documentation/image_transformation_reference