// Node.js server-side
const cloudinary = require('cloudinary').v2;
 
// Configure your SDK
cloudinary.config({ 
  cloud_name: 'your_cloud_name', 
  api_key: 'your_api_key', 
  api_secret: 'your_api_secret' 
});
 
// Upload an image
cloudinary.uploader.upload('sample.jpg', {
  folder: 'samples',
  public_id: 'sample_image',
  tags: ['product', 'electronics'],
  transformation: [
    { width: 500, height: 500, crop: 'limit' }
  ]
})
.then(result => console.log(result))
.catch(error => console.log(error));
 
// Generate a transformation URL
const url = cloudinary.url('sample_image', {
  width: 300,
  height: 300,
  crop: 'fill',
  effect: 'auto_contrast',
  format: 'webp'
});

<!-- Using the Cloudinary React SDK -->
import { AdvancedImage } from '@cloudinary/react';
import { Cloudinary } from '@cloudinary/url-gen';
import { fill } from '@cloudinary/url-gen/actions/resize';
import { autoGravity } from '@cloudinary/url-gen/qualifiers/gravity';
 
// Create a Cloudinary instance
const cld = new Cloudinary({
  cloud: {
    cloudName: 'your_cloud_name'
  }
});
 
// Use in your components
function MyImage() {
  const myImage = cld.image('sample_image')
    .resize(fill().width(300).height(300).gravity(autoGravity()))
    .format('auto')
    .quality('auto');
    
  return <AdvancedImage cldImg={myImage} />;
}