Skip to content

Demos and architectures

Learn how you can use Pages within your existing application and architecture.

Demos

Explore the following demo applications for Pages.

  • Jobs At Conf : A job lisiting website to add jobs you find at in-person conferences. Built with Cloudflare Pages, R2, D1, Queues, and Workers AI.
  • Upload Image to R2 starter : Upload images to Cloudflare R2 from a Next.js application.
  • Hackathon Helper : A series of starters for Hackathons. Get building quicker! Python, Streamlit, Workers, and Pages starters for all your AI needs!
  • NBA Finals Polling and Predictor : This stateful polling application uses Cloudflare Workers AI, Cloudflare Pages, Cloudflare Durable Objects, and Hono to keep track of users' votes for different basketball teams and generates personal predictions for the series.
  • Floor is Llava : This is an example repo to explore using the AI Vision model Llava hosted on Cloudflare Workers AI. This is a SvelteKit app hosted on Pages.
  • Whatever-ify : Turn yourself into...whatever. Take a photo, get a description, generate a scene and character, then generate an image based on that calendar.
  • Staff Directory demo : Built using the powerful combination of HonoX for backend logic, Cloudflare Pages for fast and secure hosting, and Cloudflare D1 for seamless database management.
  • Vanilla JavaScript Chat Application using Cloudflare Workers AI : A web based chat interface built on Cloudflare Pages that allows for exploring Text Generation models on Cloudflare Workers AI. Design is built using tailwind.
  • Wildebeest : Wildebeest is an ActivityPub and Mastodon-compatible server whose goal is to allow anyone to operate their Fediverse server and identity on their domain without needing to keep infrastructure, with minimal setup and maintenance, and running in minutes.
  • Multiplayer Doom Workers : A WebAssembly Doom port with multiplayer support running on top of Cloudflare's global network using Workers, WebSockets, Pages, and Durable Objects.
  • Queues Web Crawler : An example use-case for Queues, a web crawler built on Browser Rendering and Puppeteer. The crawler finds the number of links to Cloudflare.com on the site, and archives a screenshot to Workers KV.
  • Pages Functions with WebAssembly : This is a demo application that exemplifies the use of Wasm module imports inside Pages Functions code.

Reference architectures

Explore the following reference architectures that use Pages: