truethari / NextDrive

With NextDrive, you can seamlessly explore and browse various cloud storage platforms, giving you quick and convenient access to publicly shared files and resources.

Home Page:https://next-drive-omega.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NextDrive 🦊: Your Gateway to Public Cloud Drives


NextDrive Logo


Table of Contents

Introduction

NextDrive is a web application built using NextJS, designed to provide seamless access and management of public cloud drives over the internet. With NextDrive, users can effortlessly connect and interact with various cloud storage services, making data management and collaboration more efficient and convenient.

Demo: https://next-drive-omega.vercel.app/

πŸ“š Features

  • Cloud Storage Integration: NextDrive supports multiple cloud storage services, including Google Drive. Users can connect to their cloud storage accounts and manage their files and folders directly from the NextDrive web application.
  • Public Access: NextDrive allows share their files and folders with others by generating public links.
  • User Management: NextDrive supports user authentication. Users can create their own accounts and manage their files and folders privately.
  • Responsive Design: NextDrive adapts perfectly to various devices for a seamless user experience.

Prerequisites

βš™οΈ Configuration

Watch the video tutorial on YouTube: https://youtu.be/zoD9EUniLT0

You can use NextDrive-toolkit to generate the configuration files.

Navigate to the project directory and go to the config folder. Open file named drives.js and you will see the following:

const Drives = [
    {
        id: "1",
        name: "Google Drive 1",
        service: "gdrive",
        root: "", // leave blank to use root folder
        env: {
            client_id: "GOOGLE_CLIENT_ID_1",
            client_secret: "GOOGLE_CLIENT_SECRET_1",
            refresh_token: "GOOGLE_REFRESH_TOKEN_1",
        },
    },
    {
        id: "2",
        name: "Google Drive 2",
        service: "gdrive",
        root: "", // leave blank to use root folder
        env: {
            client_id: "GOOGLE_CLIENT_ID_2",
            client_secret: "GOOGLE_CLIENT_SECRET_2",
            refresh_token: "GOOGLE_REFRESH_TOKEN_2",
        },
    },
];

const Main = {
    password: "$2a$10$FMw1yXJ3udd9WIOxVQU0IO4bozqDkbcwvG680.heIZt5TzPvjdGae",
    protected_routes: ["1/Protected%20Folder"],
};

Drives

The Drives array contains the list of cloud storage services that NextDrive supports. Each drive object has the following properties:

  • id: The unique identifier of the drive.
  • name: The name of the drive.
  • service: The name of the cloud storage service. Currently, NextDrive only supports Google Drive.
  • root: The root folder of the drive. Leave this blank to use the root folder.
  • env: The environment variables required to connect to the drive. For this, you have to add the environment variables names.
    • client_id: The client ID of the Google Drive API.
    • client_secret: The client secret of the Google Drive API.
    • refresh_token: The refresh token of the Google Drive API.

Main

The Main object contains the following properties:

  • password: The password to access the protected routes. This is a hashed password. To generate a hashed password, you can use bcrypt.
  • protected_routes: The list of protected routes. These routes are only accessible after entering the password.

Environment Variables

NextDrive uses environment variables to connect to the cloud storage services. To add environment variables, create a .env.local file in the project directory and add the following:

# GOOGLE DRIVE 1
GOOGLE_CLIENT_ID_1=YOUR_GOOGLE_CLIENT_ID
GOOGLE_CLIENT_SECRET_1=YOUR_GOOGLE_CLIENT_SECRET
GOOGLE_REFRESH_TOKEN_1=YOUR_GOOGLE_REFRESH_TOKEN

# GOOGLE DRIVE 2
GOOGLE_CLIENT_ID_2=YOUR_GOOGLE_CLIENT_ID
GOOGLE_CLIENT_SECRET_2=YOUR_GOOGLE_CLIENT_SECRET
GOOGLE_REFRESH_TOKEN_2=YOUR_GOOGLE_REFRESH_TOKEN

# JWT
JWT_SECRET=secret

Installation

Deploy with Vercel

or

  1. Clone the repository: git clone https://github.com/truethari/NextDrive.git
  2. Navigate to the project directory: cd NextDrive
  3. Install dependencies: npm install

πŸ›  Development Server

To run NextDrive on your local machine:

npm run dev

πŸš€ Production Build

To build NextDrive for production:

npm run build

To run NextDrive in production mode:

npm run start

πŸ“„ License

This project is licensed under the MIT License.

🌱 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

About

With NextDrive, you can seamlessly explore and browse various cloud storage platforms, giving you quick and convenient access to publicly shared files and resources.

https://next-drive-omega.vercel.app/

License:MIT License


Languages

Language:JavaScript 97.4%Language:CSS 2.6%