Skip to content
Svelte Cloudinary

Get Started

  1. Install Svelte Cloudinary. We support Svelte v3, v4, v5 (compatibility mode), and SvelteKit!

    Terminal window
    npm install svelte-cloudinary -D

  2. Configure svelte-cloudinary

    When using Vite/SvelteKit all you need to do is set the VITE_CLOUDINARY_CLOUD_NAME environment variable to your cloud name. If you don’t have a Cloudinary account you can create one for free here! If you’re not using Vite/SvelteKit, or want to learn more about configuration, you can read the guide here.

    .env
    # https://cloudinary.com/documentation/finding_your_credentials_tutorial
    VITE_CLOUDINARY_CLOUD_NAME="<Your Cloud Name>"

  3. Start using Cloudinary!

    Images Use Cloudinary to power your images, includes powerful options for resizing, transformations, generative AI, and more.
    Open Graph tags Svelte Cloudinary makes it easy to create your open graph tags and images with Cloudinary.
    Upload Widget Allow users to easily upload images and then serve them in your app with Cloudinary.
    Video Player Play videos uploaded to your Cloudinary account with our built-in video player.