Demos and architectures
Learn how you can use Pages within your existing application and architecture.
Explore the following demo applications for Pages.
- Nuxt Image Gallery : A web application to create an image gallery with Cloudflare R2 with a built-in image editor.
- AI Chat : A full-stack application made with Nuxt to chat with various Cloudflare Workers AI LLM.
- Atidraw : A web application made with Nuxt that lets you to create, enhance, and share your drawings with the world. Harnessing the power of Cloudflare R2 and Cloudflare AI to store and enhance your drawings.
- Atidone : A full-stack application made with Nuxt, Cloudflare D1 and Authentication to store your todos on the web.
- Atinotes : Store Markdown notes in Cloudflare KV with this full-stack application made with Nuxt & deployed on Cloudflare 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.
Explore the following reference architectures that use Pages: