Cloudflare Images Gallery

This is a simple gallery of images using Cloudflare Images and Next.js React Server Components.

Features

• Copy imagedelivery URL to clipboard
• Variant Support
• Mobile Responsive

Important

You need to have a Cloudflare account with a paid Images subscription to use this project.

How to use

1. Fork this repository
2. Go to Cloudflare Pages or Vercel and deploy the repository, use the Next.js Framework Preset
3. Add the CF_API_TOKEN(from the "Read and Write Cloudflare Images and Stream" token template) and CF_ACCOUNT_ID (Found on this page) to your environment variables
4. Deploy!

Tip

If you are getting a compatibility error on Cloudflare Pages, go into the project settings tab -> Functions -> Configure Production Compatibility flags and add nodejs_compat, then redeploy

Tech Stack

• Next.js
• NextUI
• TailwindCSS
• shadn/ui
• Sonnar
• next-themes