A Network Operations Center dashboard is the command centre for an ISP's technical staff. It needs to answer three questions at a glance: Is everything working? Who's affected if not? What's the financial status right now?
Building a real-time NOC dashboard in Laravel required combining four separate data streams: WebSocket push, SNMP polling, database queries, and external API calls — all rendered live in a Livewire interface.
The live KPI tiles
The top row of the NOC dashboard shows:
- Active Subscribers: total PPPoE sessions currently online (queried from MikroTik every 30 seconds via Livewire polling)
- Suspended Accounts: overdue customers with MikroTik disabled
- Today's Collection: sum of payments received today (from the
paymentstable) - Open Tickets: unresolved support tickets
- Overdue Invoices: count and total amount of overdue invoices
These tiles update without page refresh. Livewire's wire:poll attribute re-queries the data every 30 seconds. For genuinely real-time events (new payment received, MikroTik device goes offline), we use Laravel Reverb WebSockets to push a notification to the NOC dashboard instantly.
Active PPPoE session viewer
The MikroTik session table shows all currently connected PPPoE users: customer name, IP address, interface, uptime, and current download/upload speed (polled from /ppp/active every 30 seconds). Staff can force-disconnect a specific session with one click.
SNMP bandwidth monitoring
Every 5 minutes, a scheduled job polls each registered MikroTik device via SNMP for interface traffic counters. The delta between consecutive polls gives bytes transferred in that 5-minute window. We store this in the bandwidth_usage table per customer per hour, aggregated for efficiency.
The customer profile page shows an ApexCharts area chart of daily upload/download over the past 30 days. When a customer calls to say "my internet is slow," the NOC staff can pull up this graph instantly and see if usage spiked or if the issue started at a specific time.
Network node topology
The topology diagram renders a tree of network nodes — the PoP (Point of Presence), distribution switches, and customer-facing access points — using a D3.js force-directed graph. Each node is color-coded: green (healthy), yellow (warning), red (offline). Clicking a node shows the equipment details, connected customers, and recent alerts.
Node health monitoring
We integrate with the ISP's OLT (Optical Line Terminal) for optical power levels on each ONU (Optical Network Unit). A background job checks signal levels every 10 minutes. If a customer's ONU signal drops below -27 dBm (typically indicating a fiber fault), an alert fires to the NOC dashboard and a support ticket is auto-created.
The result is a single screen that lets one NOC engineer monitor a city's worth of internet infrastructure — hundreds of routers, thousands of customers, and millions of data points — in real time.
Mustafa Kamal Hossain
Founder & Principal Engineer at Manfi. Passionate about Laravel, SaaS architecture, and high-performance engineering.