bhai ye cover image kaise kaam kar raha hai batana about nextjs14-notion

[ladunjexa]

Hi @araj59197 ,

the web application use edgestore to handle file uploads, In our database (convex), for each note we have a field called coverImage that holds the url of the image (that comes from the edgestore storage).
Uploading, deleting and updating the image is done by trivial logic, with a little "bonus" that lets you replace an existing file with a new one so that the old file deleted, it's a cool built-in feature of edgestore. take a look at the coverImageModal here.

In addition, we have the drag n' drop feature using react-dropzone. see the implementation of singleImageDropzone here.