This addon simply serves your custom dashboard to a new sidebar link in home assistant making it easier to access your custom dashboard.
This (over time) will evolve into a much more complicated addon where users will be able to design & build dashboards as well as download / upload custom templates from the community or create their own.
- Copy this repository url "https://github.com/shannonhochkins/hakit"
- Navigate to the "Add-ons" section in home assistant
- Click on "Add-on Store"
- In the top right, click on the 3 dots and select "Repositories"
- Paste the url you copied in step 1 into the "Add repository" box and click "Add"
- Click on the new repository you just added and click on "HAKIT Dashboard"
- Click on "Install" and wait for the installation to complete
- Click on "Start" to start the addon, tick "Show in sidebar"
You should now see the "HAKIT Dashboard" option in the sidebar menu which should load your custom dashboard!
Set your directory to the hakit folder, After npm install
, Simply run npm run dev
and it will spin up a server and client under port 2022.
To get this to work locally, create an options.json file under the server directory with the following contents:
{
"html_file_path": "www/ha-dashboard/index.html",
"spa_mode": true
}
This will You will also need to create a "config" directory under the hakit
directory containing the file path of the html_file_path
option above.
hakit
server
- options.json
config
- www
- ha-dashboard
- index.html