Skip to content

File Uploads in Nextjs 15 are very easy. This is a code example using Pinata for file Uploads and React-Dropzone for Dopzone VIDEO: ⬇︎

Notifications You must be signed in to change notification settings

ski043/uploadmarshal-15

Repository files navigation

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

  1. Clone the Repository
    git clone https://github.com/yourusername/easy-file-uploads.git

About

File Uploads in Nextjs 15 are very easy. This is a code example using Pinata for file Uploads and React-Dropzone for Dopzone VIDEO: ⬇︎

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published