File Uploader

This is a simple file uploader built with React Router, Shadcn (themed via tweakcn), and Lucide.

Getting Started

1. Create a public R2 bucket and give it a custom domain
2. Edit the CORS policy like so:

[
  {
    "AllowedOrigins": [
      "http://localhost:5173",
      "your-custom-domain.com"
    ],
    "AllowedMethods": [
      "GET",
      "PUT",
      "HEAD"
    ],
    "AllowedHeaders": [
      "*"
    ],
    "ExposeHeaders": [
      "ETag"
    ],
    "MaxAgeSeconds": 3600
  }
]

3. Clone the repository and create a .dev.vars file from dev.vars.example
4. Follow API Token to create access key and secret key
5. Replace the variables in the .dev.vars file with your own
6. Install dependencies via pnpm i
7. Run the development server via pnpm dev
8. Put the main domain behind Cloudflare Access so you only can access and you're good to go!

Deploying

Add R2_ACCESS_KEY_ID and R2_SECRET_ACCESS_KEY to Variables and Secrets with type set to Secret