Getting Started with CldUploadButton
The CldUploadButton creates a button element that uses an instance of the Cloudinary Upload Widget (opens in a new tab) to give you an easy way to add upload capabilities to your Next.js app.
The CldUploadButton component wraps the CldUploadWidget component providing a pre-defined UI (a button). The same concepts apply, including having the option of using Signed or Unsigned uploads.
Basic Usage
import { CldUploadButton } from 'next-cloudinary';
<CldUploadButton uploadPreset="<Upload Preset>" />If using the Next.js 13 app directory, you must add the "use client" directive at the top of your file.
URL: