Demo applications and reference architectures

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

​​ Demos

Explore the following demo applications for Pages.

• Jobs At Conf Open external link : 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 Open external link : Upload images to Cloudflare R2 from a Next.js application.
• Hackathon Helper Open external link : 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 Open external link : 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 Open external link : 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 Open external link : 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 Open external link : 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 Open external link : 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 Open external link : 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 Open external link : A WebAssembly Doom port with multiplayer support running on top of Cloudflare’s global network using Workers, WebSockets, Pages, and Durable Objects.
• Pages Functions with WebAssembly Open external link : 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:

• Fullstack Applications: Full-stack web applications leverage a combination of frontend and backend technologies, collectively forming a stack that powers the entire application. This technology stack encompasses various tools, frameworks, and languages, each serving a specific purpose within the development ecosystem.