nextjs14-notion
nextjs14-notion copied to clipboard
bhai ye cover image kaise kaam kar raha hai batana
mera nhi aa raha hai
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.