Installing Astro Cloudinary
Getting Started
Installation
Configuration
Add the following variable to your
.env
file.If creating a Collection with cldAssetsLoader or managing Signed Uploads with the CldUploadWidget, additionally add:
Global Configuration
Additional global configurations are availble to more easily manage Cloudinary environments:
Using Astro Cloudinary
Learn how to add one of the Astro Cloudinary components:
- CldImage: Optimize Cloudinary images with ready-to-use transformations
- CldUploadWidget: Cloudinary Upload Widget with a customizable UI
- CldVideoPlayer: Deliver Cloudinary video assets with a customizable player
Or use a loader to source images and videos into Astro:
- cldAssetsLoader: Load Cloudinary images and videos into Astro’s Content Layer
Or use helper methods to generate URLs:
- getCldImageUrl: Construct a Cloudinary image URL using the same API as CldImage
- getCldOgImageUrl: Create a Cloudinary image URL specifically for Social Media Cards
- getCldVideoUrl: Create a Cloudinary video URL using a similar API as CldImage