Eigene Startseite mit Homer einrichten

Mit ** gekennzeichnete Links auf dieser Seite sind Affiliatelinks.

Eigene Startseite mit Homer einrichten
Eigene Startseite mit Homer einrichten
  • 30.11.2023
  • Visualisierung

Wenn man immer mehr Geräte ins eigene Netz aufnimmt, wäre doch eine Übersicht echt praktisch. Alles nur einen Klick entfernt - das wäre klasse, oder? Und genau das richte ich heute endlich ein. Bastien Wirtz stellt dafür auf GitHub eine tolle Lösung bereit: Homer. Das hat nichts mit den Simpsons zu tun, sondern heißt HOMepage for your servER. Insgesamt kein guter Name, weil man über Google sehr viele andere Treffer bekommt. Aber dafür ist das Projekt umso besser!

Da für Homer ebenfalls ein Docker-Image bereitgestellt wird, nutze ich dieses natürlich. Und wieder regt es mich auf, dass Proxmox nativ kein Docker unterstützt… Jedenfalls nutze ich dafür einfach mein Synology NAS (RS1219+). Dort muss man sich zwar mit der etwas gewöhnungsbedürftigen Oberfläche vergnügen, aber wenn man schon etwas Erfahrung mit Docker hatte, weiß man wofür die einzelnen Punkte auf der grafischen Oberfläche gedacht sind.

Dennoch zeige ich Dir den Prozess kurz im Video. Und hier im Beitrag teile ich natürlich auch meine Konfiguration.

Video

Hausbau-Kurs

Das Video basiert auf Version v23.10.1.

Meine Konfiguration

Da ich bestimmt gefragt werde, teile ich hier meine erste Konfiguration, welche ich nach gut einer Stunde aufgebaut hatte. Am längsten dauert es natürlich, die ganzen Icons für die Dienste zusammenzusuchen und zu erstellen. Aus Lizenzgründen kann ich Dir diese leider nicht bereitstellen.

---
title: "Willkommen Zuhause"
subtitle: "haus-automatisierung.com"
logo: "logo.png"

header: true
footer: '<p>Smart Home on demand by haus-automatisierung.com - powered by Homer</p>' # set false if you want to hide it.

defaults:
  layout: columns # Either 'columns', or 'list'
  colorTheme: dark # One of 'auto', 'light', or 'dark'

theme: default

services:
  - name: "Smart Home"
    icon: "fas fa-house"
    items:
      - name: "Wetter"
        type: "OpenWeather"
        location: "Paderborn"
        locationId: "2855745"
        apikey: "xxx"
        units: "metric"
        background: "circle" # Can be one of: square, circle, none. Defaults to none.
      - name: "ioBroker"
        logo: "assets/tools/ioBroker.png"
        tag: "smarthome"
        url: "http://10.10.2.51:8081/"
      - name: "evcc"
        logo: "assets/tools/evcc.png"
        tag: "smarthome"
        url: "http://10.10.2.53:7070/"
      - name: "Timberwolf Server"
        logo: "assets/tools/timberwolf.png"
        tag: "smarthome"
        url: "https://10.10.2.10/"
      - name: "PV-Dashboard"
        subtitle: "Heute (live)"
        logo: "assets/tools/grafana.png"
        tag: "smarthome"
        url: "https://10.10.2.10/proxy/grafana/d/000000009/pv-anlage?orgId=1&refresh=10s&from=now%2Fd&to=now%2Fd"
      - name: "PV-Dashboard"
        subtitle: "Dieser Monat"
        logo: "assets/tools/grafana.png"
        tag: "smarthome"
        url: "https://10.10.2.10/proxy/grafana/d/zJ3Q1n84z/pv-anlage-historisch?orgId=1&refresh=1h&from=now%2FM&to=now%2FM"
  - name: "Management"
    icon: "fas fa-wrench"
    items:
      - name: "UniFi Console"
        subtitle: "Dream Machine Pro"
        logo: "assets/tools/unifi.png"
        tag: "network"
        url: "https://172.16.0.1/"
      - name: "Grafana"
        logo: "assets/tools/grafana.png"
        tag: "network"
        url: "https://10.10.2.10/proxy/grafana/"
      - name: "Influx DB 2.x"
        logo: "assets/tools/influxdb.png"
        tag: "network"
        url: "https://172.16.0.251:8086/"
      - name: "Proxmox"
        logo: "assets/tools/proxmox.png"
        tag: "network"
        url: "https://172.16.0.50:8006/"
      - name: "Synology DSM"
        logo: "assets/tools/synology.png"
        tag: "network"
        url: "http://172.16.0.251:5000/"
  - name: "Web"
    icon: "fas fa-earth-europe"
    items:
      - name: "Website"
        subtitle: "haus-automatisierung.com"
        logo: "assets/tools/haus-automatisierung.png"
        tag: "web"
        url: "https://haus-automatisierung.com/"
      - name: "Shop"
        subtitle: "shop.haus-automatisierung.com"
        logo: "assets/tools/haus-automatisierung.png"
        tag: "web"
        url: "https://shop.haus-automatisierung.com/"
  - name: "Dev"
    icon: "fas fa-code"
    items:
      - name: "GitHub Repositories"
        subtitle: "klein0r"
        icon: "fab fa-github"
        tag: "dev"
        url: "https://github.com/klein0r?tab=repositories"
      - name: "Sentry (ioBroker)"
        subtitle: "klein0r"
        logo: "assets/tools/sentry.png"
        tag: "dev"
        url: "https://sentry.iobroker.net/"
      - name: "ioBroker DEV"
        logo: "assets/tools/ioBroker.png"
        tag: "dev"
        url: "http://10.10.9.10:8081/"
  - name: "Testing"
    icon: "fas fa-vial"
    items:
      - name: "Home Assistant"
        subtitle: "Intel NUC i3"
        logo: "assets/tools/home-assistant.png"
        tag: "testing"
        url: "http://10.10.9.30:8123/"

Themes

Homer erlaubt außerdem Custom-Themes. Besonders schön finde ich z.B. Catppuccin-Homer.

Homer

»Homer«

Alternativen

Ebenfalls sehr beliebte Projekte sind

Du willst mehr?

Smart-Home-Trainings von A-Z

Steig' noch tiefer in die Themen ein und meistere Deine Projekte! Über 14.000 Teilnehmer konnten sich schon von der Qualität der Online-Kurse überzeugen.

ioBroker-Master-Kurs

ioBroker-Master-Kurs

Mehr Infos
Hausbau-Kurs

Hausbau mit KNX

Mehr Infos
Lox-Kurs

Lox-Kurs

Mehr Infos
Node-RED-Master-Kurs

Node-RED-Master-Kurs

Mehr Infos