Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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

Open more actions menu

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
Morty Proxy This is a proxified and sanitized view of the page, visit original site.