mayashavin
cloudinary-build-url
(https://cloudinary-build-url.netlify.app)
The lighter URL builder API for Cloudinary with all features in TypeScript.
By default, f_auto (auto format per browser) and q_auto (auto quality per device) are enabled. And all the urls are generated as secured HTTPS format, unless user states otherwise.
Installation
yarn add cloudinary-build-urlor
npm i cloudinary-build-urlUse with TypeScript
In order to start using the lib with TypeScript, please install @cld-apis/types as devDependencies.
npm i -D @cld-apis/types
#OR
yarn add -D @cld-apis/typesUsage
Build a delivery url for image
import { buildUrl } from 'cloudinary-build-url'
const src = buildUrl('example', {
cloud: {
cloudName: 'demo',
},
transformations: {
resize: {
type: 'scale',
width: 500,
height: 500,
}
}
})
console.log(src)Or
import { setConfig, buildUrl } from 'cloudinary-build-url'
// Set configuration for Cloudinary
setConfig({
cloudName: 'demo'
})
// Build URL
const src = buildUrl('example', {
transformations: {
resize: {
type: 'scale',
width: 500,
height: 500,
}
}
})
console.log(src)Build a delivery URL for video
import { buildVideoUrl } from 'cloudinary-build-url'
const src = buildVideoUrl('dog', {
cloud: {
cloudName: 'demo',
},
transformations: {
resize: {
type: 'scale',
width: 500,
height: 500,
}
}
})
console.log(src)