Important
It is RECOMMENDED to generate configuration from your deployment instead of demo site
If you experiencing Failed to decrypt data error, you should try to regenerate your configuration from your deployment instead
Demo Site · Deploy / Version Upgrade Guide · FAQ
- What is this?
- Why I made this?
- Features
- Known Issues
- Might be Implemented
- Running on Local
- How to Contribute
- Support and Donations
- License
next-gdrive-index is a Google Drive directory index.
The aim of this project is to simplify the process of sharing files using Google Drive, and also add some features that I think is useful when sharing a files.
This project are HEAVILY INSPIRED by onedrive-vercel-index by SpencerWooo.
TLDR; It is cheaper to use Google Drive than other similar service
There are a lot cloud storage service like Onedrive, Dropbox, Mega, etc. But, between all those service, I think Google Drive is a lot cheaper than others (at least in my region).
Here are the pricing comparison between free and cheapest plan Price are converted to IDR, since it's easier for me to compare this using my own currency
| Service | Free plan | Paid plan | Price | Price to Storage | Transfer Quota |
|---|---|---|---|---|---|
| Google Drive | 15GB | 2TB | 135k IDR ~112k IDR |
14.8GB / 1k / mo 17.8GB / 1k / yr |
X |
| Onedrive** | 5GB | 1TB | 96k IDR 80k IDR |
10.4GB / 1k / mo 12.5GB / 1k / yr |
X |
| Dropbox* | 2GB | 2TB | ~191k IDR ~159k IDR |
10.5GB / 1k / mo 12.5GB / 1k / yr |
O |
| MEGA | 20GB | 2TB | ~174k IDR ~145k IDR |
11.5GB / 1k / mo 13.8GB / 1k / yr |
O |
* Price are in USD, and there are no regional price for IDR ** There are no 2TB plan
By using this data, I picked Google Drive instead other service. I know there are a lot of people selling cheap education account especially for Google Drive and Onedrive, but most of the time those account doesn't last long.
- Private Index, protect the whole site with a password
- Folder and file protection, protect certain path with a password
- Readme file, add description (or whatever) inside a readme to be rendered when you open the folder
- File preview, preview the file before download ( Preview file size limit can be adjusted )
- Image preview
- Video preview
- Audio preview
- Document preview
- Code / Text / Markdown preview
- Manga preview (cbz)
- File search, search by the file or folder name
- Direct download, download directly via API route instead of google drive link ( Size limit can be adjusted )
- Raw file link, embed your media files
- Light/Dark mode, choose your side!
- Customizable Theme, we are using
shadcn/uinow! you can customize your site [https;//drive-demo.mbaharip.com/deploy#theme] - Links, add social, or information link on the navbar
- Sponsors, using this for thing for community? add a sponsor / donate button on your navbar!
This only apply if
maxFileSizeis enabled / more than 0
You need to set the file sharing permission to Anyone with the link can view on the root folder.
Why?
The download link will be redirected if the file you're trying to download is bigger than the maxFileSize, and most of platform are limiting the response body size (ex: Vercel limit is 4MB).
If you don't set the permission, people can't access or download the file.
This will expose the file ID, and people can access the file directly from Google Drive.
But it only apply to the file, and they can't see or browse the folder directly from Google Drive.
For now, I don't have any plan to implement this, because I think it's not necessary.
It looks like you can't seek the audio and video preview, so you need to listen / watch from the beginning.
Fixed on v2.0.2
I don't have Shared Drive, so I can't test it and implement it
Implemented by @loadingthedev (PR #4)
Here are things that I want, and might be implemented on the future
It should be a good idea to have the site and deploying guide with multiple language support.
It's either from multiple Google Drive account with multiple Service Account, or a basic single Google Drive account with multiple root start point either in their own Drive or Shared Drive
Probably a good feature if you are a content creator that only want the one who subscribed to you get the files.
It might need a database, but idk if I can implement it without the need of database
- Clone the repository
git clone https://github.com/mbaharip/next-gdrive-index.gitcd next-gdrive-index - Install required dependencies
npm installyarn install - Add environment file
- Using Configuration
- Open Deploy guide page
- Scroll to the bottom to see the configuration form
- Fill out the form and download the file
- Extract the
.envfile to the root folder
- Using example file
cp .env.example .env- Fill out everything
- Using Configuration
- Run the app
npm run devyarn dev - Check the app on
http://localhost:3000
Want to add new feature or improve the existing one? or you find a bug and fixed it yourself?
- Please check the issue tab first to see if someone already reporting a bug, or if you want to check any new feature / enhancement that not yet implemented
- Use code base from
v2branch instead of themain, since it was made for development on current version - Create a Pull Request, and wait for me checking your code
If you think I deserve it, you can support me by:
This project is licensed under the AGPL-3.0 License - see the LICENSE file for details.