SEO Fabric

Category: SaaS Web Application

Stack: React, TypeScript, Node.js, PostgreSQL

The Brief

Webflow developers and agencies juggle a fragmented stack of tools across the lifecycle of every project — one tool for SEO, another for uptime, another for content generation, and yet another for auditing before launch. Every subscription is a context switch, and none of them talk to each other.

SEO Fabric was built to change that. The goal: a single, credit-based platform that covers the complete project lifecycle from build to launch to maintenance — with deep Webflow integration throughout.

What We Built

SEO Fabric is a multi-module SaaS application spanning seven distinct tools, unified under a single dashboard and billing system. The platform is organized around three lifecycle stages:

Build

Programmatic SEO Engine

The platform's most powerful tool. Users create master article templates with dynamic {placeholder} syntax that maps to keyword lists. The engine then generates the Cartesian product of those lists and produces hundreds of unique, SEO-optimized articles in a single batch run — each with a unique title, meta title, meta description, summary, and body. Generation runs via Server-Sent Events for real-time progress tracking, with per-article credit deduction and the ability to cancel mid-run. Articles publish directly to any Webflow CMS collection via the Webflow API, supporting both OAuth and API token authentication.

CiteControl (AEO — Answer Engine Optimization)

A forward-looking tool that prepares Webflow sites for AI answer engines. It parses a site's sitemap, summarizes pages using AI, and generates a structured LLMs.txt file — the emerging standard for telling AI assistants what a site is about and how to cite it.

Launch

SEO Audit

Analyzes every page in a Webflow site across six dimensions: title tags, meta descriptions, Open Graph tags, heading structure, image alt text, and canonical URLs. Each page receives a scored report with AI-generated fix suggestions. Corrections can be pushed directly back to Webflow via the API without leaving the platform.

Launch Readiness Inspector

A go-live checklist tool that scans Webflow pages across five categories: SEO Settings, Open Graph, Content Audit, Browser Compatibility, and Responsive Design. Designed to catch the things developers miss right before a client launch.

Maintain

Link Scanner

Crawls a live website and identifies all broken internal and external links, categorized by status code. Results persist across sessions and can be scheduled to run on a recurring basis with email reports delivered automatically.

Bandwidth Scanner

Scans Webflow CMS collections for asset file sizes, estimates bandwidth consumption, identifies usage locations, and flags optimization opportunities. Exports to CSV or JSON. Fully auto-schedulable.

Uptime Monitor

24/7 uptime checking with configurable check intervals and email alerts for both downtime and recovery events.

Platform Infrastructure

Beyond the tools themselves, SEO Fabric required a complete platform layer:

Billing & Credits

A Stripe-powered credit system with multiple purchase tiers and a Lifetime Deal option for unlimited credits. Every AI operation deducts credits at a defined rate (standard vs. premium model tiers), with full transaction history and receipts.

Content ROI Analytics

Google Search Console integration that syncs performance data — clicks, impressions, CTR, average position — on a schedule. The dashboard surfaces top and bottom performing pages, pSEO content tracking, and week-over-week trends.

Rewards & Retention

A gamification layer with daily login bonuses, discovery challenges, weekly diversity challenges, and login streaks — designed to drive daily active usage.

Email Notifications

Automated transactional emails via Resend: magic link authentication, low credit warnings, weekly performance digests, and scheduled scan reports.

Admin Panel

Internal user management tooling for support and operations.

Technical Depth

The application is built on a modern, production-grade stack with enterprise-level engineering decisions throughout:

• Frontend: React 18 with TypeScript, TanStack React Query for server state, Wouter routing, Shadcn/ui component library, Tailwind CSS
• Backend: Node.js with Express, fully typed with TypeScript, domain-split route modules (auth, billing, content, webflow, aeo, scanner, bandwidth, ROI), centralized Zod validation on all mutation endpoints
• Database: PostgreSQL via Drizzle ORM and Neon serverless driver, covering 15+ relational tables
• Security: SSRF protection on all user-submitted URLs (dual-stack DNS validation, private IP blocking), OAuth secret hardening, session-backed auth with magic links
• Performance: Server-side TTL cache for external API responses (Webflow and Google Search Console), memory leak prevention via TTL cleanup on all SSE stream maps, lazy-loaded routes
• Real-time: Server-Sent Events for live generation progress, bandwidth scan streaming, and link scanner progress
• Integrations: Webflow API v2, OpenAI, Stripe, Google Search Console (googleapis), Pexels, Resend, Sharp for image processing

Audience

SEO Fabric targets two primary segments:

Webflow Freelancers who manage multiple client sites and need a single toolkit that works natively within the Webflow ecosystem — without stitching together five different subscriptions.

Webflow Agencies with recurring client work, where the ability to generate hundreds of programmatic SEO articles, audit entire sites, and automate monitoring across a portfolio provides real operational leverage. The credit model scales with the work.

The Result

A production-grade, multi-tool SaaS platform with seven feature modules, a complete billing and credit system, three third-party API integrations, real-time streaming interfaces, and a security posture appropriate for a product handling OAuth tokens and user-submitted URLs at scale.

Built end-to-end by Homade.co and approved in the Webflow App Marketplace