feat(readme): add an example using Cloudflare tunneling (#70)

* Sharing an example using Cloudflare tunneling

I couldn't find any other guide or advice any where about using Cloudflare tunneling. After I kept hitting 404 heartbeat failure when test deploy, retried many times to eventually found out this is the critical configuration I missed in my setup.

Signed-off-by: edorain <[email protected]>

* fix: move images in a new folder "assets"

Signed-off-by: Anupam Kumar <[email protected]>

---------

Signed-off-by: edorain <[email protected]>
Signed-off-by: Anupam Kumar <[email protected]>
Co-authored-by: Anupam Kumar <[email protected]>

Author: edorain

.gitattributes

@@ -6,3 +6,6 @@
 
 # Denote all files that are truly binary and should not be modified
 *.gz binary
+
+# Images
+assets/* binary

README.md

@@ -123,6 +123,13 @@ http:
 
 > **Note:** Replace `127.0.0.1` with the actual IP address of your HaRP container if it is running on a different host.
 
+### Cloudflare Tunneling Example
+![cloudflare-tunnel-1](assets/cloudflare-tunnel-1.png)
+
+![cloudflare-tunnel-2](assets/cloudflare-tunnel-2.png)
+
+> **Note:** The order of the routes matters, move the `exapp/*` route above your Nextcloud's main route.
+
 ---
 
 ## Environment Variables

REUSE.toml

@@ -20,3 +20,9 @@ precedence = "closest"
 SPDX-FileCopyrightText = "Fatedier <[email protected]>"
 SPDX-License-Identifier = "Apache-2.0"
 comment = "Files originally taken from https://github.com/fatedier/frp"
+
+[[annotations]]
+path = ["assets/cloudflare-tunnel-1.png", "assets/cloudflare-tunnel-2.png"]
+precedence = "aggregate"
+SPDX-FileCopyrightText = "2025 @edorain"
+SPDX-License-Identifier = "AGPL-3.0-or-later"