Prompt Base is a high-performance, edge-deployed marketplace for AI-generated creative prompts. Built to showcase the potential of generative art, it features a fluid, gallery-style interface that allows creators to discover, share, and analyze prompt engineering techniques for images and videos with zero latency.
Leveraging Cloudflare's global edge network, Prompt Base delivers instant, SEO-friendly content from the server closest to your users, ensuring a seamless experience worldwide.
Instant, SEO-friendly initial loads served closest to the user via Cloudflare Workers.
Seamless, randomized scrolling feed with seed-based consistency for endless discovery.
- Hover-to-play video previews for instant interaction
- Interactive multi-image carousels for comprehensive content viewing
Real-time filtering by tags, media type (image/video), and keywords to find exactly what you need.
Graceful error handling that keeps the UI functional even during API outages, ensuring uninterrupted user experience.
- TypeScript - Type-safe development
- Hono - Lightweight edge framework
- Cloudflare Workers - Global edge deployment
- Server-Side Rendering (React/JSX) - Fast initial loads
- Vanilla JS - Lightweight client-side hydration
- Custom CSS Variables - Dynamic theming
- Glassmorphism UI - Modern, elegant design
- Wrangler CLI - Deployment and development tooling
- Cloudflare Edge Network - Sub-second response times globally
| Attribute | Details |
|---|---|
| Status | 🟢 Live in Production |
| Duration | 3 months |
| Team | Ionic Errrrs Code |
| Category | Web Application |
| Type | Business |
Successfully deployed a globally distributed full-stack application on Cloudflare Workers, reaching users worldwide.
Achieved sub-second First Contentful Paint (FCP) via edge rendering, providing near-instant page loads.
Eliminated "white screen" crashes by implementing robust fallback strategies for all data sources, ensuring 99.9%+ uptime.
Managing strict CPU time and resource limits on Cloudflare Workers during heavy data fetching operations.
User experience was initially compromised by frequent upstream 503 errors and rate limits from third-party APIs.
Syncing server-rendered HTML with client-side interactivity without sending a heavy JavaScript bundle.
Replaced heavy framework logic with lightweight Vanilla JS adapters (scripts.ts) to "wake up" interactive elements post-SSR, reducing bundle size by 80%.
Implemented granular try-catch blocks and fallback data structures in the SSR layer to handle upstream failures gracefully, ensuring the UI never breaks.
Built client-side logic to reconstruct missing video and thumbnail URLs on the fly, ensuring zero broken media even when APIs fail.
- 🌍 Live Demo: https://pb.ionicerrrrscode.com/
- 💻 GitHub Repository: awesome-nanobanana-pro-prompts
This project is part of the Ionic Errrrs Code portfolio.
Made with ❤️ by Ionic Errrrs Code
⭐ If you find this project interesting, please consider giving it a star!