All Projects
LiveDeveloper Experience

Developer Documentation Portal

Built a comprehensive developer portal with interactive API explorer, runnable code samples, versioned documentation, and a search engine indexed across 10,000+ pages.

View Source Live Demo
CompanyFreshworks
RoleFrontend Engineer
Year2021

Tech Stack

Nuxt 3AlgoliaGraphQLMDXShikiPlaywright

Impact

developers50,000+ monthly
search<200ms search
npsNPS: 78

The Problem

The old documentation site had 3.2-second search response times, no interactive examples, and a 41% developer drop-off rate during onboarding.

The Solution

Built a new portal with Algolia-powered instant search, interactive code playgrounds using iframes, automated documentation generation from OpenAPI specs, and versioned content.

Architecture

Nuxt 3 with static generation for documentation pages, Algolia for search, and a GraphQL API for dynamic content like changelog and API status.

Key Challenges

  • Indexing and searching 10,000+ pages efficiently
  • Running sandboxed code samples safely
  • Supporting 3 simultaneous API versions

Results & Impact

50,000+ monthly active developers
Search latency: 3.2s → 180ms
NPS score: 78 (up from 31)
41% drop-off rate eliminated