lukesthl / fritz-ui

Beautiful, fast and modern UI for the FRITZ!Box. Get a simple overview over your Router, Networkdevices and SmartHome Devices.
MIT License
7 stars 1 forks source link
fritz-box fritzbox nextjs router router-configuration tailwindcss trpc typescript

Fritz UI

Beautiful, fast and modern UI for the FRITZ!Box. Get a simple overview over your Router, Networkdevices and SmartHome Devices.

About The Project · Features · Installation · Configuration · Tech Stack


About The Project

https://user-images.githubusercontent.com/44963006/230889693-20225732-0f8f-43a3-9181-178596689273.mp4

Features

Installation

Docker

docker run -d --restart=always -p 3000:3000 --name fritz-ui ghcr.io/lukesthl/fritz-ui:latest

Configuration

docker run -d --restart=always -p 3000:3000 -e NEXTAUTH_URL='http://localhost:3000' \
  -e NEXTAUTH_URL='http://localhost:3000' \
  -e NEXTAUTH_SECRET='secret' \
  -e FRITZBOX_HOST='fritz.box' \
  -e FRITZBOX_PORT='49000'  \
  -e FRITZBOX_SSL='0' \
  --name fritz-ui ghcr.io/lukesthl/fritz-ui:latest

Run-time variables

These variables must also be provided at runtime

Variable Description Required Default
NEXTAUTH_URL Base URL of the site. NOTE: if this value differs from the value used at build-time, there will be a slight delay during container start (to update the statically built files). optional http://localhost:3000
NEXTAUTH_SECRET jwt secret optional secret
FRITZBOX_HOST fritzbox host optional fritz.box
FRITZBOX_PORT fritzbox port optional 49000
FRITZBOX_SSL is fritzbox accessible via https (1 = true, 0 = false) optional 0

Tech Stack

Ideas

Security

You can technically host it on a vps, however i don't recommend it. Always host on a private network, which is not accessible publicly.