Skip to main content
All Case Studies
Role-Based Access ControlBusiness Workflow AutomationScalable ArchitectureData-Rich Product
Nexos - CCSN Member Portal preview 1
Nexos - CCSN Member Portal preview 2
Nexos - CCSN Member Portal preview 3
Nexos - CCSN Member Portal preview 4
1 / 4

Nexos - CCSN Member Portal

Digitizes and centralizes the CCSN member experience, replacing manual processes with a self-service portal connecting hundreds of businesses.

A B2B professional networking platform for the Camara de Comercio y Servicios de Nicaragua (CCSN). It connects member companies through a private network with networking, marketplace, events, and business intelligence tools.

6 Core member workflows
2 Onboarding states supported
+15 Feature domains

Overview

Nexos 2 is the second-generation member portal for CCSN, implemented as a full-featured B2B SaaS application. It provides private networking, publishing, event coordination with live video, business diagnostics, marketplace listings, and corporate social responsibility tracking, with profile management for both users and companies.

The Challenge

CCSN needed one platform to replace fragmented manual member workflows, while supporting SSR performance, modular ownership for many feature domains, secure pending/approved auth states, and real-time video without custom media infrastructure.

Solution

Built with Next.js 12 Pages Router using getServerSideProps for initial hydration, React Query for server state, and strict feature-slice architecture for domain isolation. Edge Middleware handles account state routing before render. VideoSDK prebuilt WebRTC handles meetings. Offline development supported by axios-mock-adapter plus SSR mock resolver.

Implementation Highlights

Edge Middleware Route Guard

JWT account state (pending vs approved) enforced at edge before page render, preventing protected-route flicker.

typescript
                                if (pendingToken) return NextResponse.redirect('/revision/account');
if (isPrivateRoute && !sessionToken) return NextResponse.redirect('/login');
if (isPublicRoute && sessionToken) return NextResponse.redirect('/nexos/dashboard');
                            

Feature-Slice Architecture

Sixteen vertical domains isolate adapters, APIs, components, modules, stores, and routes for parallel team delivery.

Dual SSR + Client Hydration

Server-side fetch initializes route state, then React Query handles client updates without duplicate loading states.

Zero-Infrastructure Video Meetings

Event rooms generated from deterministic event hash and rendered with VideoSDK WebRTC prebuilt component.

Impact

  • Member companies self-register and onboard with no manual staff bottleneck
  • Integrated video events remove dependency on external conferencing tools
  • Diagnostic BI module provides scored business-health insights
  • Marketplace creates direct B2B inquiry channels inside chamber network

Tech Stack

languages & runtimes

TypeScript

cloud / devops

AWS S3

architecture & design

Scalable System PatterningSystem AnalysisAPI Design

database & orm

PostgreSQLRedis

front end

Storybook

soft skill

Project OwnershipTeam WorkAgile Methodologies

testing

JestCypress

workflow

ScrumJira

Key Learnings

Feature slices reduce merge conflicts and speed onboarding

React Query + Zustand split improves state correctness

Edge middleware gives cleaner auth UX than client-side guards

Mock-first strategy removes backend dependency bottlenecks

Interested in building something similar?

Let's design a scalable solution tailored to your needs.

Schedule a Call