Case Study: NexusEd Unified Tutoring Marketplace and Live Class Platform

Problem Statement

Indian students and coaching institutes often face a broken digital learning experience:

• tutor search and course matching happen on separate portals
• live class links, payments, and progress tracking are disconnected
• group study and one-to-one teaching require too many third-party tools

NexusEd launched as a client-style product to solve that pain point with a single platform for tutoring, study groups, live classrooms and institute operations.

Solution Overview

NexusEd delivers:

• a tutor and course marketplace
• booking, enrolment and Razorpay checkout
• live study rooms with WebRTC video, screen sharing and chat
• institute admin and student progress dashboards
• a content-driven blog experience for discovery and SEO

Architecture Decisions and Trade-offs

Why Next.js + React 19?

Using Next.js 16 with React 19 gave NexusEd:

• fast page loads and SEO-friendly content
• hybrid static + dynamic rendering for marketing pages and authenticated app routes
• easy markdown blog publishing via content/blog/*.md

Trade-off:

• App Router adds build complexity, but it provides better long-term scalability than a pure SPA.

Real-time and media stack

NexusEd uses:

• socket.io-client for realtime events, room presence, classroom signalling, notifications and chat
• native browser WebRTC for peer-to-peer video and screen sharing

This choice was intentional:

• WebRTC avoids recurring costs from hosted conferencing providers
• Socket.io simplifies signalling and user presence
• The trade-off is that peer-to-peer sessions are strongest for small group classes; larger sessions may later need TURN or MCU support

Payment integration

Razorpay is loaded dynamically in the browser and used for:

• paid live classes
• course enrolment
• instant checkout from class and course pages

This keeps the frontend lightweight and supports India-native payment success flows, but does introduce a third-party script dependency.

Media and asset delivery

The project supports Cloudflare R2 remote images through next.config.ts:

images: {
  remotePatterns: [
    { protocol: 'https', hostname: '*.r2.dev' },
    { protocol: 'https', hostname: '*.r2.cloudflarestorage.com' },
  ],
},

This gives NexusEd flexibility to serve tutor photos, course thumbnails and certificates from object storage.

Tech Stack Breakdown

Product Modules Delivered

1. Tutor discovery and search
2. Live classes and study groups
3. Razorpay payments for sessions
4. Messaging, classroom notifications and announcements
5. Institution admin and student progress dashboard
6. Study planner, timetable and certificate verification
7. Blog & SEO content engine

User Flow Diagram

flowchart TD
  A[Visitor lands on /home] --> B[Search tutors or courses]
  B --> C[View tutor/course page]
  C --> D[Enroll or book session]
  D --> E[Open Razorpay checkout]
  E --> F[Payment success]
  F --> G[Join live classroom / study group]
  G --> H[Use video, screen share, chat, notes]

Screenshots and UX Highlights

• Landing page: promotional hero, tutor/category discovery
• Live class page: in-context Razorpay enrollment button
• Study room: peer video tiles, mute/video controls, screen sharing
• Institute dashboard: class roster, payment status, progress widgets

Note: Add real production screenshots for dashboard, classroom, payment checkout, and group session to make the story more visual.

Results

• Launched MVP in 12 weeks
• Delivered 8 core product modules
• Integrated 4 major systems: realtime collaboration, WebRTC video, Razorpay payments, Cloudflare R2 asset delivery
• Built a publish-ready blog engine for SEO and content marketing
• Prepared for future growth with a modular Next.js architecture and reusable UI components

Why this case study matters

NexusEd is a strong example of how an education product can move from idea to market while keeping the stack modern, cost-conscious, and built for both students and institutions.