Drag Drop Next App

This project is a Next.js application that supports drag-and-drop functionality to upload files to Wasabi (or any compatible cloud storage service). It provides a seamless interface for users to upload files with progress tracking.

Features 🥇

• Drag and drop files for easy uploads.
• Real-time upload progress.
• Integration with Wasabi cloud storage (or other cloud storage services that support S3-compatible APIs).

Setup Instructions

Follow these steps to set up the project locally.

1. Clone the Repository

Clone the repository to your local machine:

git clone https://github.com/Usanaee/drag-drop-next-app.git
cd drag-drop-next-app

Installation

Install the required dependencies for the project:

npm install

Set Environment Varibles

AWS_BUCKET_NAME=your-bucket-name
AWS_REGION=your-region
AWS_ACCESS_KEY_ID=your-access-key-id
AWS_SECRET_ACCESS_KEY=your-secret-access-key
WASABI_ENDPOINT_URL=your-wasabi-endpoint-url

Additional dependencies

npm install axios react-dropzone react-toastify @aws-sdk/client-s3

Start the server:

npm run dev

Authors

• Repository Made By @Usama Naeem