NPM reverse proxy, Cloudflare, Docker Compose help!

[sunnythe14]

Hey there,

Been trying to get Nginx Proxy Manager, along with a custom domain managed in Cloudflare, Jellyfin, JSeer and the *arrs to work nicely.
So far I've had no success.


Here's my setup:

Cloudflare DNS records 
   

NPM Proxy host setup for JF
   

JF Proxy host SSL settings
   

JS Proxy host setup
   

Properly Activated Cert with LetsEcrypt
   

Forwarded port on my Router
   

I've also attached my Docker compose file.

I also am unsure if I'm supposed to forward port 80 on my router, and if that's the case, my ISP blocks port 80, so if that's causing issues, how do I go about that?

Finally, "Allow remote connections to this server" is activated on JF, but none of the services are accessible.


EDIT: WITH STEPS TRIED:

1. Everything works with local IP
2. browsing to the setup subdomain and domain with https e.g. "https://jf.*****.xyz" leads me to Cloudflare error 522
3. Browsing to public ip with designated container subdomains doesn't work (as expected if it's passing through NPM)
4. Browsing to public ip takes me to router login
5. Browsing to domain, no subdomain takes me to router login



Please help, I've been on this for three days lol