https://github.com/puckwang/web-realtime-comm-demo
A demo project built with .NET and React to showcase and compare four realtime communication techniques: Polling, Long Polling, WebHook, and Server-Sent Events (SSE).
https://github.com/puckwang/web-realtime-comm-demo
dotnet long-polling nextjs polling react server-send-event websocket
Last synced: 4 months ago
JSON representation
A demo project built with .NET and React to showcase and compare four realtime communication techniques: Polling, Long Polling, WebHook, and Server-Sent Events (SSE).
- Host: GitHub
- URL: https://github.com/puckwang/web-realtime-comm-demo
- Owner: puckwang
- License: mit
- Created: 2025-06-21T14:02:13.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2025-06-22T14:05:47.000Z (4 months ago)
- Last Synced: 2025-06-22T15:20:36.365Z (4 months ago)
- Topics: dotnet, long-polling, nextjs, polling, react, server-send-event, websocket
- Language: TypeScript
- Homepage:
- Size: 61.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web Realtime Communication Demo
A demo project built with **.NET** (backend) and **React** (frontend) to showcase and compare four common realtime
communication techniques:
- ✅ Polling
- ✅ Long Polling
- ✅ WebHook
- ✅ Server-Sent Events (SSE)
This project helps developers understand the strengths, trade-offs, and practical implementations of various realtime
communication models.
## 🌐 Overview
Realtime communication is essential in modern web applications. This demo illustrates how data can be delivered from
server to client using different approaches:
| Method | Description | Push or Poll |
|--------------------------|------------------------------------------------------|--------------|
| Polling | Client repeatedly sends requests at intervals | Poll |
| Long Polling | Client sends request and waits until server responds | Poll |
| Server-Sent Events (SSE) | Server pushes data via a persistent HTTP connection | Push |
| WebHook | Server actively sends data to a third-party endpoint | Push |
## 🛠️ Tech Stack
| Layer | Technology |
|------------|--------------------------------|
| Backend | .NET 10 (ASP.NET Core Web API) |
| Frontend | NextJS 15 + React 19 |
| Transport | HTTP, EventStream (for SSE) |
| Deployment | Docker or .NET + NextJS |
## 📂 Project Structure
```plaintext
.
├── backend/ # ASP.NET Core API
├── frontend/ # NextJS
└── README.md
```