This is a submission for the Cloudflare AI Challenge.
What I Built
This is simple app where you generate images from text input.
Demo
Demo link: https://cloudflare-challange.pages.dev/
My Code
You can check my code at: https://github.com/dalenguyen/cloudflare-challenge
Journey
This is an interesting challenge since I haven't used CloudFlare Pages to deploy web applications. Turns out that, the deployment process is really straightforward and can be done via Cloudflare dashboard.
Another thing is that this's done with Analog - a full-stack Angular meta framework which means that you create an entire application with full support from backend.
Here is the stack detail:
- Analog
- Nx Workspace
- Github
- Cloudflare Pages
- Worker AI
-
@cf/bytedance/stable-diffusion-xl-lightningfor text to image model generation -
@cf/openai/whisperfor audio to text -
uform-gen2-qwen-500mfor image to text
Multiple Models and/or Triple Task Types
I combined three 3 models to do different tasks that support image generation:
- Audio to text: listen to voice command and apply to the input field
- Text to image: generate image from text input
- Image to text: provide further description on generated image






Great job Dale Nguyen. You were fast ⚡. For me though , it isn't that straight forward. At first i thought you could create any frontend application locally, then
deploy it to cloudflare workers. Before that or while deploying it you could then integrate its AI models. So i thought maybe i would only use HTML CSS and JavaScript. But then i realized that
these applications created using cloudflare features , use other files and languages such as typescript,
.json files and others which i haven't been exposed to. So how do i do this ? I am supposed to learn new languages ? If so which?