Skip to content

Mobile App

traefik-manager-mobile is a React Native companion app for managing Traefik Manager from your phone.

Version Compatibility

Mobile AppRequires Server
v0.11.0+v0.12.0+ - adds entrypoint and middleware chip APIs
v0.10.0v0.11.0+ - adds multi-domain rules, insecureSkipVerify, and .yml auto-append
v0.6.0 - v0.9.xv0.10.0+ - adds CONFIG_DIR multi-file API support
Earlierv0.6.0+ - adds API key authentication

Using external auth (Authentik, Authelia, etc.)?

See connecting without an API key and external auth providers below.


Download

Sign up to beta test on Google Play

Setup

1. Generate an API key

In the Traefik Manager web UI go to Settings → Authentication → App / Mobile API Keys and click Add Key. Enter a device name (e.g. My Phone) and click Generate. Copy the full key - it is only shown once.

One key per device

Each device should have its own key. You can have up to 10 keys at once. Keys are identified by their device name in the settings list, so you can revoke a single device without affecting others.

2. Configure the app

Open the mobile app and enter:

FieldValue
Server URLBase URL of your Traefik Manager instance, e.g. https://traefik-manager.example.com
API KeyThe key generated in step 1

Tap Connect - the app connects immediately.

API key is optional when built-in auth is disabled

If you have disabled Traefik Manager's built-in authentication (e.g. you are using an external provider like Authentik), leave the API key field empty. The app will detect that auth is disabled and connect without a key.

If built-in auth is enabled, an API key is required.

Using OIDC to log in to the web UI?

OIDC login applies to the web browser only. The mobile app always authenticates via API key. If you log in to the web UI via OIDC, generate an API key under Settings → Authentication → App / Mobile API Keys, then enter it in the mobile app - the process is the same as for password-based users.


The app uses a bottom navigation bar with four tabs: Home, Routes, Middleware, and Services. An optional Logs tab appears when enabled.

Settings drawer

Tap the hamburger icon (top-left of any screen) to open the navigation drawer. The drawer provides access to all settings pages:

SectionItems
GeneralAppearance, App Lock, Traefik, Server
TabsLogs
DataBackups
InfoAbout

Features

Dashboard (Home)

  • Summary stat cards for HTTP Routers, TCP Routers, UDP Routers, Services, and Middlewares - each shows a ring chart with success / warning / error counts
  • Tap Explore → on any card to jump to the matching tab filtered to that protocol
  • Entrypoints listed at the bottom with name, address, and protocol badges
  • On tablets and larger screens, stat cards display in a 2-column grid

Routes

  • List all HTTP, TCP, and UDP routes with status, domain, target, and attached middlewares
  • Filter by protocol using the segmented button bar
  • Enable / disable routes with a toggle - configuration is preserved, Traefik stops routing until re-enabled
  • Add new routes via a form (name, subdomain, one or more domain chips, target IP, port, protocol, cert resolver)
  • Select multiple domains when creating or editing an HTTP route - generates a multi-host rule (Host(\sub.d1`) || Host(`sub.d2`)`)
  • Entry points fetched from the Traefik API and shown as selectable chips for HTTP, TCP, and UDP; websecure is pre-selected for HTTP; UDP is single-select
  • Middlewares fetched from the Traefik API and shown as selectable chips
  • Toggle Skip TLS Verification per route for backends with self-signed certificates (insecureSkipVerify)
  • Edit existing routes
  • Delete routes with confirmation
  • Tap a domain to open it in the browser

Middlewares

  • List all middlewares with type, protocol, and YAML config preview

  • Filter by protocol

  • Add new middlewares - two-step flow: choose from 12 built-in templates then fill in the form

    TemplateDescription
    BlankStart from scratch
    HTTPS RedirectRedirect HTTP to HTTPS
    Basic AuthPassword protect your service
    Security HeadersHSTS, X-Frame, XSS filter
    Rate LimitLimit requests per source IP
    Forward AuthDelegate auth to an external service
    Strip PrefixRemove a URL path prefix
    Add PrefixPrepend a URL path prefix
    CompressEnable gzip / brotli compression
    IP AllowlistRestrict access by IP range
    Redirect RegexRedirect using a regex pattern
    ChainCombine multiple middlewares
  • Edit existing middlewares (name + YAML)

  • Delete middlewares with confirmation

Services

  • Live service list with protocol badge, type badge, and status chip (Success / Warning / Error)
  • Server health fraction (e.g. 2/3 active)
  • Provider and linked router chips
  • Tap the info icon for a full detail sheet

Logs

The Logs tab is hidden by default. To enable it, open the drawer and go to Logs, then toggle Show Logs Tab.

Requires server-side configuration

The Logs tab requires ACCESS_LOG_PATH to be set in your Traefik Manager server configuration pointing to a Traefik access log file.

  • Each entry parsed into a card showing method, status code + description (e.g. 404 Not Found), path, IP, service name, and duration
  • Tap any card to open a full detail screen with all fields and the raw log line
  • Adjustable line count: 100, 150, or 200 lines
  • Pull to refresh

Backups

Access via the drawer under Data → Backups. Create and restore configuration backups.

Edit Mode

Tap the pencil icon in the top bar to enter edit mode. In edit mode, cards reveal:

  • Toggle (routes only) - enable or disable the route
  • Edit - open the edit form
  • Delete - remove with confirmation

Buttons are hidden when not in edit mode to keep the list clean.


Settings

All settings are accessed from the navigation drawer (hamburger icon in the top bar).

Appearance

Switch between Light, Dark, and System theme. On Android 12+, Dynamic Color adapts the app's UI chrome (backgrounds, cards, borders) to your wallpaper palette while keeping status colors (green/yellow/red) semantically distinct.

App Lock

Require biometric or device PIN authentication when the app opens or returns from background.

Traefik

Configure domains, cert resolvers, and the direct Traefik API URL. Includes a Test Connection button to verify connectivity to the Traefik API.

Server

Change the Traefik Manager server URL and API key, or switch to Demo Mode.


Connecting without an API key

If Traefik Manager's built-in auth is disabled, leave the API Key field empty and tap Connect. The app will verify the server is reachable and connect without credentials.

No auth means no protection

If you disable built-in auth and expose Traefik Manager without any other protection, anyone who can reach your instance can use the mobile app with no credentials. Only disable built-in auth if you have an external auth provider (Authentik, Authelia, etc.) in front - and if so, read the external auth providers section to ensure the mobile app still works correctly.


External auth providers

If you use an external auth provider (Authentik, Authelia, Keycloak, etc.) via Traefik's forwardAuth middleware, the middleware intercepts all requests - including the mobile app's API calls - and redirects unauthenticated requests to the provider's login page. The mobile app cannot complete that OAuth/OIDC flow.

The solution is to split the Traefik route into two: one with forwardAuth for the web UI, and one without for /api/* that relies on Traefik Manager's own API key auth.

yaml
http:
  routers:
    traefik-manager-web:
      rule: Host(`manager.example.com`) && !PathPrefix(`/api`)
      middlewares: [authentik]
      entryPoints: [websecure]
      service: traefik-manager
      tls:
        certResolver: cloudflare

    traefik-manager-api:
      rule: Host(`manager.example.com`) && PathPrefix(`/api`)
      entryPoints: [websecure]
      service: traefik-manager
      tls:
        certResolver: cloudflare

  services:
    traefik-manager:
      loadBalancer:
        servers:
          - url: http://traefik-manager:5000

Keep built-in auth enabled

When using this split-route pattern, keep Traefik Manager's built-in auth enabled and generate API keys for your mobile devices. Without built-in auth, the /api/* route has no protection.


Requirements

Traefik Manager (server)v0.12.0 or higher (mobile v0.11.0+), v0.11.0+ for mobile v0.10.0, v0.10.0+ for mobile v0.6.0-v0.9.x, v0.6.0+ for earlier mobile versions
Android7.0+ (API 24+)
iOS16+ (build from source required)

Tech Stack

Built with Expo SDK 54 / React Native 0.81, Expo Router, TanStack Query, Zustand, and React Native Paper (Material Design 3).