Cloud Gateway Management SaaS & NaaS Portal

A multi-tenant Network-as-a-Service (NaaS) management interface supporting 30+ enterprise clients with granular gateway, tunneling, and tier-based access controls, replacing manual, ticket-driven network provisioning with a self-service platform.

• Multi-Tenant Network Management: Engineered a NaaS management interface in Next.js and TypeScript supporting 30+ enterprise clients with granular gateway, tunneling, and tier-based access controls.
• Micro-Frontend Architecture & Telemetry: Architected a modular micro-frontend structure alongside high-throughput telemetry dashboards for real-time network monitoring and log analysis.
• Rendering Strategy Optimization: Leveraged Next.js rendering strategies — SSR, SSG, and ISR — to minimize Time to First Byte and optimize data-dense dashboard views.
• Real-Time Network Visualizations: Embedded custom D3.js and Highcharts visualizations to render interactive network topology maps, metrics, and system log data in real time.
• Legacy System Interoperability: Standardized cross-platform interoperability with legacy SaaS infrastructure using secure iframe postMessage communication and DOM isolation.
• Fault Tolerance & Maintainability: Implemented robust error boundaries, App Router API routes, and automated Jest test coverage to elevate system fault tolerance and maintainability.

• Next.js + TypeScript: For the core multi-tenant application shell, using the App Router.
• React: As the underlying UI layer across every micro-frontend.
• Redux: For managing tenant, gateway, and tunnel state across micro-frontends.
• Micro-Frontends: For independently deployable, tenant-aware feature modules.
• D3.js & Highcharts: For the real-time network topology and telemetry dashboards.
• SSR / SSG / ISR: For balancing freshness and performance across dashboard and marketing views.
• API Routes: For backend-for-frontend endpoints powering dashboard and provisioning flows.
• Jest: For automated test coverage across tenant-provisioning and gateway configuration flows.
• Core Web Vitals: As the performance benchmark guiding rendering-strategy decisions.
• GitLab: For CI/CD and version control across the codebase.

The portal now serves as the primary interface for 30+ enterprise clients managing their network gateway infrastructure, replacing manual, ticket-driven provisioning with a self-service, real-time management experience.