uploadmarshal-15
uploadmarshal-15 copied to clipboard
ski043
File Uploads in Nextjs 15 are very easy. This is a code example using Pinata for file Uploads and React-Dropzone for Dopzone VIDEO: ⬇︎
Easy File Uploads with Pinata 🎉
File Uploads are hard, but after watching this video they will be super easy!
This project walks you through a complete file upload solution using Pinata's API, including both server-side and client-side uploads. You'll be building a custom drag-and-drop interface, handling file deletions, and optimizing images with ease.
Features
-
🎨 Custom Dropzone with Drag and Drop
An interactive, user-friendly dropzone for smooth file uploads. -
🚀 File Uploads (Server and Client-side)
Learn to handle both server-side and client-side uploads with @pinatacloud. -
🔒 Temporary API Key (Presigned URLs)
Secure your uploads with temporary access using presigned URLs. -
❌ File Deletion
Easily delete uploaded files when no longer needed. -
🖊️ Signed URLs
Use signed URLs for secure file access. -
🖼️ Image Optimization
Optimize images for faster loading and improved performance.
Getting Started
- Clone the Repository
git clone https://github.com/yourusername/easy-file-uploads.git
ski043