This is a custom UI for the NSPanel, with HomeAssistant Lovelance UI Design.
The general idea is that the Nextion Display cycles though a page counter and the esp32 tells the display what to do. If you are changeing the page the nextion display will send and event to the esp32 and it has to answer with the messages, that will update the current page with it's desired components. This enables easy changes, without touching the HMI Project.
Follow the inststructions to flash tasmota onto the esp32 of your nspanel, make sure to use 'tasmota32-nspanel.bin'.
Before uploading berry driver (nspanel.be/autoexec.be) continue with this guide.
https://templates.blakadder.com/sonoff_NSPanel.html
Create and edit new file named autoexec.be with a line load("nextion.be") and upload nextion.be from tasmota folder of this repo.
or
Upload "nextion.be" from tasmota folder of this repository and rename to "autoexec.be"
Upload the tft file from nodered folder to a Webserver (for example www folder of Home Assistant) and execute the following command in Tasmota Console. Webserver needs to support HTTP Range Header Requests, python2/3 http server doesn't work
FlashNextion http://192.168.75.30:8123/local/nspanel.tft
Import the example node-red flow from "node-red-example-flow.json" file and adjust to your needs.
The following screenshots are from the custom NSPanel UI that will be displayed on NSPanel.
HomeAssistant / NodeRed -- MQTT -- Tasmota -- Nextion Screen
See the following picture to get an Idea for the messages send and recived from the screen during cycling though pages.
See Readme in HMI Folder for more details on HMI Project / Custom Protocol