This is a Cloudflare Images adapter for the Cloud Storage plugin for Payload CMS.
yarn add payload-cloud-storage-cf-img-adapter
First, make sure that in Cloudflare you have Flexible variants
enabled. For now, this is required.
Then, enable this as an adapter in your config:
import { cloudflareAdapter } from 'payload-cloud-storage-cf-img-adapter'
// ...
const config = {
// other config
plugins: [
cloudStorage({
collections: {
media: {
disablePayloadAccessControl: true,
adapter: cloudflareAdapter({
apiKey: process.env.CLOUDFLARE_API_KEY as string,
accountHash: process.env.CLOUDFLARE_ACCOUNT_HASH as string,
accountId: process.env.CLOUDFLARE_ACCOUNT_ID as string,
}),
},
},
}),
],
}
The adapter takes the following options:
-
apiKey
: Your Cloudflare API key -
accountId
: Your Cloudflare account ID -
accountHash
: Your Cloudflare account hash
These are all available in the Cloudflare dashboard.
To run the tests, run yarn test
.
To run the development server, run yarn dev
. Make sure to put an .env
file in the dev/
folder of the project with the following variables:
-
CLOUDFLARE_API_KEY
: Your Cloudflare API key -
CLOUDFLARE_ACCOUNT_HASH
: Your Cloudflare account hash -
CLOUDFLARE_ACCOUNT_ID
: Your Cloudflare account ID
You can also use the .env.example
file as a template.
- [ ] Use Cloudflare variants for images
MIT