Skip to content
KeystoneJS LogoKeystoneJSv5

CloudinaryImage

Upload an image to Cloudinary.

Usage

Import the field from the @keystonejs/file-adapters package and configure it:

const { CloudinaryAdapter } = require('@keystonejs/file-adapters');

const cloudinaryAdapter = new CloudinaryAdapter({
  cloudName: process.env.CLOUDINARY_CLOUD_NAME,
  apiKey: process.env.CLOUDINARY_KEY,
  apiSecret: process.env.CLOUDINARY_SECRET,
  folder: 'my-keystone-app',
});

Then when creating your list, use the field as so:

keystone.createList('Item', {
  // ...
  fields: {
    // ...
    image: { type: CloudinaryImage, adapter: cloudinaryAdapter },
  },
});

Have you found a mistake, something that is missing, or could be improved on this page? Please edit the Markdown file on GitHub and submit a PR with your changes.

Edit Page