Frontail Technologies
SaaS & Marketing AutomationEmail Marketing / SaaS

Inbox Pull

Gmail API SaaS Platform for Mailbox Ingestion, Campaign Sequencing & Funnel Analytics

Inbox Pull product interface and technical architecture showcase
Industry

Email Marketing / SaaS

Client

Inbox Pull

Platforms

Web Application (Next.js & Bun)

Core Stack

Next.js, React, TypeScript, Tailwind CSS

The Challenge

Managing High-Throughput Gmail Ingestion with Clean Campaign Workflows

Building email marketing software requires balancing third-party API rate limits, secure OAuth token management, and low-latency analytics aggregation across thousands of sent and received messages.

  • Integrating Google Gmail API OAuth 2.0 with secure token refresh and granular scope management.
  • Ingesting inbox activity data without exceeding Google API rate limits or triggering quota throttling.
  • Building a dynamic email template editor supporting live merge variables (e.g. `{{company}}`, `{{first_name}}`) and rich text styling.
  • Aggregating real-time campaign performance metrics including open rates, click rates, reply rates, bounce rates, and spam rates.
  • Constructing a high-speed backend using modern TypeScript runtimes (Elysia.js & Bun) for rapid webhook and API execution.
What We Built

A High-Speed Marketing SaaS Dashboard with Gmail API Ingestion & Funnel Analytics

Frontail designed and implemented the full Inbox Pull application, uniting a modern Next.js user interface with an ultra-fast Bun and Elysia.js API layer.

Gmail API OAuth Integration

Implemented secure OAuth 2.0 authorization allowing users to connect Google Workspace mailboxes with automated token rotation and inbox synchronization.

Multi-Status Campaign Manager

Engineered campaign lifecycle controls categorizing outreach series into Active, Drafts, and Archived states with individual status pills (`Active`, `Paused`, `Draft`).

Dynamic Template Builder

Developed an email editor with variable injection (`{{company}}`, `{{first_name}}`), rich text formatting, preview mode, and direct template library management.

Conversion Funnel & Time-Series Analytics

Built real-time metric cards (Emails sent: 8,432, Open rate: 62.8%, Click rate: 24.6%, Reply rate: 11.3%) paired with time-series activity charts and recipient conversion funnels.

Features & Capabilities

Key Product Features Built

Gmail API

Gmail API Mailbox Ingestion

Direct connection to Google Workspace mailboxes for synchronized activity monitoring and event capture.

Production Implemented
Campaigns

Campaign Sequence Management

Multi-stage outreach campaigns with live status controls, target recipient lists, and warmup tracking.

Production Implemented
Templates

Dynamic Variable Template Editor

Rich text template designer supporting customizable merge variables and instant preview capabilities.

Production Implemented
Analytics

Funnel Performance Analytics

Comprehensive KPIs tracking Open, Click, Reply, Bounce, and Spam rates with comparative benchmarks.

Production Implemented
Charts

Time-Series Activity Visualization

Synchronized line graphs charting Sent, Opens, and Replies over 30-day rolling windows.

Production Implemented
Warmup

Inbox Warmup & Activity Logs

Dedicated monitoring for mailbox warmup health, sender configurations, and deliverability events.

Production Implemented
Engineering & System Design

High-Performance Bun & Elysia.js Backend with Next.js Frontend

The system leverages Bun's native execution speed and Elysia.js for low-overhead HTTP routing alongside Next.js for dashboard rendering.

Layer 1

Frontend Application Layer

Renders the campaign dashboard, template authoring suite, and interactive analytics visualization panels.

Next.jsReactTypeScriptTailwind CSS
Layer 2

High-Speed API Service

Handles Google OAuth callbacks, incoming webhook events, and fast JSON payload delivery with minimal overhead.

Elysia.jsBun Runtime
Layer 3

Google Integration Layer

Manages mailbox connections, thread history ingestion, and secure sender credential storage.

Google Gmail API v1OAuth 2.0 Client

Key Engineering Challenges & Solutions

Challenge

Managing Gmail API Rate Limits During Bulk Ingestion

Engineered Solution

Implemented batch request handling and intelligent backoff algorithms to synchronize mailbox records without exceeding API quotas.

Challenge

Real-Time Funnel Calculation Across Large Recipient Lists

Engineered Solution

Aggregated email event counts asynchronously to serve pre-calculated analytics metrics instantly to the dashboard.

Technology Breakdown

Technology Stack & Tools

Frontend UI

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Backend & Runtime

  • Elysia.js
  • Bun Runtime
  • REST APIs

Third-Party Integrations

  • Google Gmail API
  • OAuth 2.0

Visualization & State

  • Time-Series Charting
  • Lucide React
Product Outcome

Delivered Capabilities & Final Product

1

SaaS Outreach Dashboard

Full-featured web application for managing email campaigns, templates, and sender accounts.

2

Gmail API Integration Pipeline

OAuth 2.0 authentication and mailbox ingestion engine connecting to Google Workspace.

3

Dynamic Email Template Builder

Rich text editing component with variable insertion and template library persistence.

4

Funnel & Time-Series Analytics Suite

Real-time engagement tracking with visual conversion funnels and rolling activity charts.

Build With Frontail

Ready to Build
Your MVP?

Share your idea and we'll help you map the fastest path to launch.

Start Your Project