SCAN-REACT

Static React code analysis platform engineered to optimize repositories for the native React Compiler.

The Problem

Preparing codebases for the native React Compiler typically requires tedious local CLI installations and manual AST checks. Developers needed a zero-install, cloud-hosted platform that instantly analyzes GitHub repositories on the fly and generates atomic, ready-to-use AI prompts for rapid IDE refinement.

Development Process

Code Diagnostics

Programmatic AST Engine: Bypassed brittle terminal/CLI scraping by deeply integrating the react-doctor programmatic API into a custom Node.js backend for resilient, memory-to-memory Abstract Syntax Tree (AST) analysis.

V8 Memory Guards

Prevented out-of-memory container crashes during heavy repository scans by strictly insulating the execution engine with V8 heap allocation limits (--max-old-space-size).

Network Resilience

Implemented fail-fast network timeout safeguards during the git cloning phase to prevent hanging processes caused by routing drops.

Pre-Flight Metadata Checks

Utilized the GitHub REST API to gauge repository scale dynamically. This defensive gatekeeping prevents massive codebases from overloading the backend by dropping them before the cloning sequence even executes.

Edge-Layer Protection

Secured backend telemetry and critical execution endpoints against automated abuse using Upstash Redis sliding-window rate limiting.

Decoupled Infrastructure

Engineered a split-stack architecture, utilizing Vercel for the highly responsive Next.js frontend while isolating the compute-heavy AST processing engine in a dedicated Node.js container on Render.

Browser-Native PDF Generation

Built a professional, multi-page diagnostic report exporter using @react-pdf/renderer that runs entirely on the client side, completely eliminating expensive backend rendering costs.