The latest articles on DEV Community by TTMAIL (@ttmail). https://dev.to/ttmail https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4090528%2F735a079e-7e2a-4233-b5d5-54abaf35a29a.png https://dev.to/ttmail en TTMAIL Sun, 23 Aug 2026 07:19:48 +0000 https://dev.to/ttmail/i-built-ttmail-a-fast-serverless-disposable-temp-mail-service-with-nextjs-15-cloudflare-d1-46mc https://dev.to/ttmail/i-built-ttmail-a-fast-serverless-disposable-temp-mail-service-with-nextjs-15-cloudflare-d1-46mc <p>Hey fellow developers! 👋</p> <p>We all need disposable email addresses for testing signup flows, verifying OTPs, or keeping our personal inboxes clean from newsletter spam. However, most existing temp mail websites are bloated with ads, slow, and lack developer-friendly features like custom aliases or easy API access.</p> <p>So, I built <strong><a href="https://trytempmail.co" rel="noopener noreferrer">TTMAIL</a></strong> — a lightweight, privacy-first, serverless temporary disposable email platform built on modern web technologies.</p> <h2> ⚡ Live Demo &amp; Source </h2> <ul> <li>🌐 <strong>Live Website:</strong> <a href="https://trytempmail.co" rel="noopener noreferrer">https://trytempmail.co</a> </li> <li>📖 <strong>Interactive API Docs:</strong> <a href="https://trytempmail.co/api-docs" rel="noopener noreferrer">https://trytempmail.co/api-docs</a> </li> </ul> <h2> 🛠️ The Tech Stack Behind It </h2> <p>I wanted the architecture to be blazingly fast, edge-rendered, and cost-effective:</p> <ul> <li> <strong>Frontend:</strong> Next.js 15 (App Router), Tailwind CSS, Framer Motion (Neo-Brutalist design)</li> <li> <strong>Hosting &amp; Edge Compute:</strong> Cloudflare Pages &amp; Cloudflare Workers (0ms cold start)</li> <li> <strong>Database:</strong> Cloudflare D1 (Serverless SQLite at the edge)</li> <li> <strong>Email Processing:</strong> Cloudflare Email Routing + Custom Email Worker Parser</li> </ul> <h2> 🚀 Key Features </h2> <ol> <li> <strong>Instant Auto-Generation:</strong> Get an active temporary inbox in 0.0 seconds without signing up.</li> <li> <strong>Multi-Domain Support:</strong> Switch between active domains (<code>@trytempmail.co</code>, <code>@reftasker.top</code>, <code>@rewardlist.com</code>, <code>@chorachain.com</code>) in one click.</li> <li> <strong>Password-Protected Recovery:</strong> Set a custom alias and password so you can access your temporary inbox across multiple devices anytime at <a href="https://trytempmail.co/recover" rel="noopener noreferrer">/recover</a>.</li> <li> <strong>Developer REST API:</strong> Real-time JSON endpoints to fetch active domains and receive incoming emails for automated end-to-end testing (Cypress / Playwright / Puppeteer).</li> <li> <strong>Ultra-Fast &amp; Zero Spam:</strong> Optimized for Core Web Vitals (100/100 PageSpeed score) with real-time SSE / polling.</li> </ol> <h2> 💻 Quick API Example for Developers </h2> <p>Want to programmatically fetch received emails during automation tests?</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> bash # 1. Fetch all available domains curl https://trytempmail.co/api/domains # 2. Fetch incoming emails for a specific mailbox curl "https://trytempmail.co/api/emails?mailbox=your_custom_alias@trytempmail.co" </code></pre> </div> showdev webdev nextjs cloudflarechallenge