You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/advanced/technical/over_the_wire.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Over-the-Wire: An Introduction for Business Applications
2
2
3
-
## Background: Why is this relevant again?
3
+
###Background: Why is this relevant again?
4
4
5
5
In the early days of web development, **all websites were server-rendered**.
6
6
Each user action, like clicking a link or submitting a form, triggered a full-page reload, with the server delivering the complete HTML response.
@@ -9,7 +9,7 @@ With the rise of **Single Page Applications (SPAs)**, this changed. SPAs moved U
9
9
10
10
Today, **Over-the-Wire approaches revisit the original idea of server-side rendering**, but with modern techniques. Instead of sending entire pages, only small HTML fragments or UI updates are transferred, combining simplicity with interactivity.
11
11
12
-
## What is "Over the Wire"?
12
+
###What is "Over the Wire"?
13
13
14
14
**Over-the-Wire** refers to a development approach where the server generates and sends **ready-to-render HTML fragments** directly to the client (browser).
15
15
Unlike modern Single Page Applications (SPAs), which rely on JSON data and complex client-side rendering, Over-the-Wire keeps the frontend logic minimal and leverages server-side rendering for both initial load and dynamic updates.
@@ -20,7 +20,7 @@ In simple terms:
20
20
21
21
This approach reduces complexity and is especially suitable for applications where business logic resides on the server.
22
22
23
-
## How does it differ from Single Page Applications (SPA)?
23
+
###How does it differ from Single Page Applications (SPA)?
24
24
25
25
In a typical SPA:
26
26
- The client requests **raw data** (e.g., JSON) from the server.
@@ -32,29 +32,29 @@ In contrast, with Over-the-Wire:
32
32
33
33
This shifts the responsibility for UI rendering back to the server, simplifying the frontend layer.
34
34
35
-
## Benefits of Over-the-Wire for Business Applications
35
+
###Benefits of Over-the-Wire for Business Applications
36
36
37
37
-**Reduced Frontend Complexity**: No need for heavy JavaScript frameworks or complex build pipelines.
- Applications requiring offline capabilities or rich client-side interactions
55
55
- Scenarios where frontend and backend are developed by separate, independent teams
56
56
57
-
## Popular Frameworks and Tools Following Over-the-Wire Principles
57
+
###Popular Frameworks and Tools Following Over-the-Wire Principles
58
58
59
59
| Framework | Primary Use | Technology Stack |
60
60
|-----------|-------------|-----------------|
@@ -67,14 +67,14 @@ While Over-the-Wire offers significant advantages for backend-driven application
67
67
|**[Inertia.js](https://inertiajs.com/)**| SPA-like experience without APIs | JavaScript + Laravel/Rails |
68
68
69
69
70
-
## Conclusion
70
+
###Conclusion
71
71
72
72
Over-the-Wire represents a pragmatic approach for building web applications where the **server remains in control of UI rendering**.
73
73
It aligns well with business contexts that prioritize **simplicity, maintainability, and tight integration of backend and frontend logic**.
74
74
75
75
For typical business applications—such as dashboards, forms, and administrative tools—Over-the-Wire offers a lean and efficient alternative to heavy SPA architectures.
76
76
77
-
## Over-the-Wire and abap2UI5
77
+
###Over-the-Wire and abap2UI5
78
78
79
79
The **abap2UI5** framework adopts the fundamental idea of Over-the-Wire, but with a specific focus on SAP development environments.
80
80
Instead of sending raw data to a generic frontend application, abap2UI5 delivers a **view and corresponding view model** from the ABAP backend to the client.
0 commit comments