https://github.com/Erisa/multi-render

Serve multiple R2 buckets from the same Worker, with different settings
https://github.com/Erisa/multi-render

cloudflare cloudflare-r2 cloudflare-worker cloudflare-workers r2 workers

Last synced: 3 months ago
JSON representation

Serve multiple R2 buckets from the same Worker, with different settings

• Host: GitHub
• URL: https://github.com/Erisa/multi-render
• Owner: Erisa
• License: mit
• Created: 2023-05-16T19:00:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-04T19:59:45.000Z (6 months ago)
• Last Synced: 2024-05-04T20:43:34.185Z (6 months ago)
• Topics: cloudflare, cloudflare-r2, cloudflare-worker, cloudflare-workers, r2, workers
• Language: TypeScript
• Homepage:
• Size: 74.2 KB
• Stars: 24
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# multi-render

A Cloudflare Workers project showcasing how to have multiple [kotx/render](https://github.com/kotx/render) instances in a single Worker, allowing R2 buckets and settings to vary by domain within the same Worker.

## Setup

1. Clone the repository.

2. Install dependencies: `npm install`

3. Edit `wrangler.toml` to change default settings and specify domains and buckets. This repository is setup for my usage so remove my buckets you won't use.

4. Open `index.ts`, add the buckets to the `Env` type following the example, and add `config` for them below.

E.g. 

`wrangler.toml`

```toml

routes = [

  { pattern = "mybucket.example.com", custom_domain = true },

]

[[r2_buckets]]

binding = "MY_BUCKET"

bucket_name = "mybucket"

preview_bucket_name = "mybucket"

```

`index.ts`

```ts

interface Env {

	R2_BUCKET: R2Bucket,

	ALLOWED_ORIGINS?: string,

	CACHE_CONTROL?: string,

	PATH_PREFIX?: string

	INDEX_FILE?: string

	NOTFOUND_FILE?: string

	DIRECTORY_LISTING?: boolean

	HIDE_HIDDEN_FILES?: boolean

	DIRECTORY_CACHE_CONTROL?: string

	// put extra buckets here

	MY_BUCKET: R2Bucket

}

```

```ts

		const config: { [id: string]: RenderEnv; } = {

			"mybucket.example.com": {

				R2_BUCKET: env.MY_BUCKET,

				DIRECTORY_LISTING: true,

				INDEX_FILE: 'index_alt.html',

				ALLOWED_ORIGINS: "my-other-cool-site.example.com"

			},

```

Once done, `npm run deploy` and enjoy.