Uploading Images & Videos
Use the CldUploadButton or CldUploadWidget components to add upload capabilities to your app.
The components utilize the Cloudinary Upload Widget (opens in a new tab), built for Next.js.
Example
import { CldUploadButton } from 'next-cloudinary'; const [resource, setResource] = useState(); <CldUploadButton className={styles.button} onUpload={(error, result, widget) => { setResource(result?.info); // { public_id, secure_url, etc } widget.close(); }} signatureEndpoint="/api/sign-cloudinary-params" uploadPreset="next-cloudinary-signed" > Upload to Cloudinary </CldUploadButton>