onedrive-vercel-index

<div align="center">
<img src="./public/header.png" alt="onedrive-vercel-index" />
<h3><a href="https://drive.swo.moe">onedrive-vercel-index</a></h3>
<p><a href="https://ovi.swo.moe/docs/getting-started">Get started</a> · <a href="https://ovi.swo.moe/blog/whats-new">What's new?</a> · <a href="https://ovi.swo.moe/sponsor">Sponsoring</a></p>
<p><em>OneDrive public directory listing, powered by Vercel and Next.js</em></p>

<img src="https://img.shields.io/badge/OneDrive-2C68C3?style=flat&logo=microsoft-onedrive&logoColor=white" alt="OneDrive" />
<img src="https://img.shields.io/badge/Next.js-black?style=flat&logo=next.js&logoColor=white" alt="Next.js" />
<img src="https://img.shields.io/badge/Vercel-black?style=flat&logo=Vercel&logoColor=white" alt="Vercel" />
<a href="https://ovi.swo.moe"><img src="https://img.shields.io/badge/Documentation-black?style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABeUlEQVRIie2VwUrDQBCGZ5ZubNmS0Ba9tF6CUqTHpg+g+AhCn8R30DfpM3jRezdHoZJroaBJQ2qgsIEdD7YSsCtJVBTxP87u/t/u7M4swDcLTQNSSseyLFbERCmlPc9LCgF83z/jnE9s294vvk+AJEmesiwbe553awQEQbCXZVnY7/ebjBXa/Ju01jCbzVIA6AwGA7WN1/KT4jg+6vV6TcYYpGlKq9UKiQgAAOr1OnU6HWNKGWPQarWa8/n8GADudwIQ0UJ89QjDEKMoOiEitRm7tm37gnNuPAUiAiJa+VjNNJmIYDgcPiAiAQD4vh9tT1NG5RJdQT8PkFKak/5ZgJTyUgjxPJ1Ob4josArAeMmWZYHrulftdhvX6/X5YrEwPtFKgG63C7ApxEajga7rVvH/BZf8D/hjACJSVRpabj1su+9OgBAiiOM41VqXNtdaw3K5TIUQQT7+rjqllKec84njOAdlAEmSPCqlxqPR6O5DQA70JZ/+t+sFAb2R22dSZ7wAAAAASUVORK5CYII=" alt="Documentation" /></a>
<a href="https://github.com/spencerwooo/onedrive-vercel-index/discussions"><img src="https://img.shields.io/github/discussions/spencerwooo/onedrive-vercel-index?color=CF2B5B&labelColor=black&logo=github" alt="GitHub Discussions" /></a>
</div>

TL;DR

Showcase, share, preview, and download files inside your OneDrive with onedrive-vercel-index -

• Completely free to host 💸

• Super fast ⚡ and responsive 💦

• Takes less than 15 minutes to setup ⏱️

• Highly customisable ⚒️

🍌 More importantly, we are pretty (●'◡'●)

Quick start

🚀 Quick start: Getting started.

Discussion

Please go to our discussion forum for general questions and FAQs, issues are for bug reports and bug reports only. Feature requests may or may not be ignored, as I (@spencerwooo) am the only one maintaining the project, so I only prioritise features that I use.

If you happen to like this project, please give it a star! :3

If you really, really like this project, please send money! -> Sponsors 🤑 and donations 💰

Demo

Live demo at Spencer's OneDrive.

!demo

Features

<table>
<tbody>
<tr>
<td>
<a
href="https://drive.swo.moe/Lecture%20and%20Coursework%20CS%20(BIT)/2019%20-%20%E5%A4%A7%E4%B8%89%E4%B8%8B%20-%20%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86%E4%B8%8E%E8%AE%BE%E8%AE%A1/n1570.pdf"
>👀 File preview</a
>
</td>
<td>
<a
href="https://drive.swo.moe/%F0%9F%8D%87%20Wallpaper"
>💠 List / Grid layouts</a
>
</td>
<td>
<a
href="https://drive.swo.moe/%F0%9F%8D%A1%20Genshin%20PV/New%20version%20PV/TGA2021%E3%80%8A%E5%8E%9F%E7%A5%9E%E3%80%8B%E5%8F%82%E9%80%89%E8%A7%86%E9%A2%91.mp4"
>🎥 Video and audio</a
>
</td>
</tr>
<tr>
<td>PDF, EPUB, markdown, code, plain text</td>
<td>For previewing images and documents with thumbnails</td>
<td>mp4, mp3, ..., play online or with IINA, PotPlayer ... with subtitles!</td>
</tr>
<tr>
<td>
<a
href="https://drive.swo.moe/Lecture%20and%20Coursework%20CS%20(BIT)/2017%20-%20%E5%A4%A7%E4%BA%8C%E4%B8%8A%20-%20%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1%20%E7%BB%AA%E8%AE%BA.pptx"
>📄 Office preview</a
>
</td>
<td><a href="https://drive.swo.moe/%F0%9F%A5%9F%20Some%20test%20files/Articles">📝 README.md preview</a></td>
<td><a href="https://drive.swo.moe/%F0%9F%A5%9F%20Some%20test%20files/Imagenette">📑 Pagination</a></td>
</tr>
<tr>
<td>docx, pptx, xlsx, ...</td>
<td>Also renders code blocks, images with relative links, ...</td>
<td>For folders with 200 or more items</td>
</tr>
<tr>
<td><a href="https://drive.swo.moe/%F0%9F%8C%9E%20Private%20folder">🔒 Protected folders</a></td>
<td><a href="https://drive.swo.moe/%F0%9F%8D%8A%20Weibo%20emotes/Source2">⏬ Multi-file download</a></td>
<td>🔎 Native Search</td>
</tr>
<tr>
<td>Password protected routes and files. <a href="https://ovi.swo.moe/docs/features/protected-folders">Details here</a></td>
<td>
Compress and download multiple files or folders.
<a href="https://ovi.swo.moe/docs/features/multi-file-folder-download">Details here</a>
</td>
<td>
Searching through your shared OneDrive files (with some caveats 🥺).
<a href="https://ovi.swo.moe/docs/features/search-for-files-and-folders">Details here</a>
</td>
</tr>
</tbody>
</table>

... and more:

• Streamlined deployment, without having to get your tokens manually anymore!

• Direct raw-file serving and hosting ...

• Full dark mode support, style and website customisations ...

Documentation

Documentation is hosted at onedrive-vercel-index.spencerwoo.com.

• How can I get started and deploy? - Docs - Getting started.

• How can I configure ... ? - Docs - Custom configs.

• Where is feature ... ?

- Docs - Password protected folders
- Docs - Multi-file and folder download
- Docs - Hosting files (images) directly
- Docs - Search for files and folders
- Docs - Load video subtitles

• I deployed this before, how can I upgrade to the latest version? - Docs - Updating to the latest version

• I was here before 2022, how can I migrate to the new version? - Docs - Migrating from versions before 2022.

• I got a problem during deployment ... - Docs - FAQ

• I didn't find a solution / My problem is unique - Find help in discussion forum.

Server-less (free)?

Yes! Completely free with no backend server what-so-ever. (Well, we use Redis, but that's free to some extent also.)

Sponsors and donations

Open-source is hard! If you happen to like this project and want me to keep going, please consider sponsoring me or providing a single donation! Thanks for all the love and support!

🧸 Please donate - 微信/支付宝 · Patreon · 爱发电

Sponsors

Your name will appear here if you sponsor or donate 😀

License

MIT

<div align="center">
<img src="./public/footer.png" />
<em>made with ❤️ by <a href="https://spencerwoo.com">spencer woo</a></em>
</div>