• Components
  • <CldUploadButton />
  • Basic Usage

Getting Started with CldUploadButton

The CldUploadButton creates a button that uses an instance of the Cloudinary Upload Widget to give you an easy way to add upload capabilities to your Next.js app.

At the core of it, CldUploadButton is a CldUploadWidget instance with a defined UI (a button). The same concepts apply, including having the option of using Signed or Unsigned uploads.

Read more about CldUploadWidget.

Basic Usage

<CldUploadButton uploadPreset="next-cloudinary-unsigned" />

If using the Next.js 13 app directory, you must add the use client; directive at the top of your file.

Learn More about CldUploadButton