How I Built an AI Emoji Generator with Next.js 15 & Cloudflare Workers AI

Short summary

This tutorial walks through building Forgemoji, an AI emoji generator that creates novel images by fusing two emoji using text-to-image and image-to-image models. The author details a three-layer architecture with multi-provider fallback chains for free-tier reliability and explains prompt engineering to ensure emoji-style outputs. Key UX patterns include async background removal for perceived speed and submit/poll architecture to handle 60–120 second I2I latencies on serverless platforms.

• •Multi-provider fallback chains (Cloudflare → ModelScope → MiniMax) maximize free-tier capacity without paid APIs
• •Emoji-to-visual-description mapping prevents models from generating realistic instead of cartoon-styled output
• •Async background removal and progressive image swaps optimize perceived latency on Vercel's serverless constraints

Generated with AI, which can make mistakes.