OnePortal uses your OneDrive as a storage host, and displays the files, images, videos, songs, and documents stored inside your OneDrive for other people to preview and download.

You need a OneDrive and Cloudflare account. No payment required.

🚀 Quick Start

🍴 Fork the repository and set up Pages

1. Fork the repo: Click here to fork the repository.
2. Cloudflare Setup: Navigate to dash.cloudflare.com -> Compute (Workers) -> Workers and Pages.
3. Create a Project: Click Create, select Pages, then choose Connect to Git. Follow the instructions to connect your forked OnePortal repository.
4. Deployment Configuration: Click Begin Setup, set the Framework Preset to Next.js, then click Save and Deploy.

☑️ Configure the project

The initial deployment may fail—this is expected. Follow these steps to configure the project:

1. Add variables and secrets: Go to your Pages project's settings -> Variables and Secrets, then configure the environment variables. Please see: 🛠️ Customize Site Settings
2. Set up KV storage:
   • Go to the Cloudflare Dashboard -> Storage & Databases -> KV, and create a KV namespace. Take note of its name.
   • Return to the Pages project's settings -> Bindings, and add a new binding:
     • Variable name: OPT_KV
     • Namespace: Select the KV namespace you just created.
3. Adjust runtime settings:
   • Go to the Pages project's settings -> Runtime.
   • Edit Compatibility Flags and add nodejs_compat.
4. Retry deployment:
   • Navigate to the Deployments tab.
   • Click the three-dot menu on the failed deployment and select Retry Deployment.
5. Welcome to OnePortal! Open the link Cloudflare Pages offered and follow instructions to set up. You could also customize domain, just ask Google for how to.

<aside> 💡

If you are redirected back to step one after completing the verification, and you confirm that everything is fine, please wait a few seconds and manually return to the homepage to refresh. Storing and retrieving credentials takes a little time.

</aside>

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

🛠️ Customize Site Settings

The configuration files are located at config/site.config.js and config/api.config.js. However, you don’t need to modify the code directly, as environment variables are provided for customization. Below are the environment variables you need to configure: