Chapter 2 · First Upload10 min

First Upload

Build a minimal YAML, flash your ESP32 over USB, and watch it appear on Wi-Fi.

Two flashes. First: get the ESP32 on Wi-Fi. Second: add display + LVGL and see it render. Don't skip the first - a working network connection makes everything after trivial to debug.

Which board are you using?

All YAML and instructions adapt to your pick.

No wiring needed! The Cheap Yellow Display (CYD) has the display built in.

Phase 1 of 2

Get the ESP32 online

No display yet - just Wi-Fi + API. By the end your device says ONLINE.

A Create a new device
1

Click + NEW DEVICE

Green button, bottom-right corner of the ESPHome dashboard.

ESPHome dashboard with + NEW DEVICE button
2

Choose New Device Setup

The guided wizard. You can also use "Empty Configuration" and paste YAML directly.

Create configuration dialog
3

Enter name + Wi-Fi credentials

Type device name, Wi-Fi SSID, and password. Click NEXT.

Name and WiFi form
Secrets handled automatically. Wi-Fi credentials saved in secrets.yaml. Edit anytime via SECRETS in the top bar.
4

Select device type: ESP32

Pick ESP32 for your Cheap Yellow Display (CYD). Leave "Use recommended settings" checked.

Device type selection
5

Configuration created - click INSTALL

You will see a celebration screen with an encryption key. It is auto-saved. Click INSTALL.

Configuration created
6

Choose how to flash

Pick "Plug into this computer" or "Plug into the computer running ESPHome Device Builder".

Install method selection
First flash must be USB. "Wirelessly" won't work yet. After this, all future updates go OTA.
7

Pick the serial port

ESPHome detects your ESP32. Click the USB Serial device listed.

Pick Server Port dialog
8

Wait for compile + upload

First time takes about 2 minutes. Watch for the green "INFO Successfully uploaded program." line.

Upload success log
Don't unplug! Wait for "Successfully uploaded program" in green. The ESP32 reboots and connects to Wi-Fi automatically.
9

Your device is ONLINE

Dashboard shows ONLINE in green.

Device ONLINE

Don't see a port?

Run ls /dev/ttyUSB* /dev/ttyACM* - usually /dev/ttyUSB0.

You should see
Device ONLINE

[I][wifi]: WiFi Connected!

[C][wifi]: SSID: 'YOUR_WIFI_SSID'

[C][wifi]: IP: 192.168.1.42

[I][api]: Client connected ✓

🎉Your ESP32 is online! Hardest part done. All future updates go wirelessly (OTA).
Phase 1 of 2
espboards.dev ESPboards.dev ·Made for the ESPHome community

ESPHome LVGL Designer · also known as ESPHome Designer, ESPHome LVGL UI Designer, ESPHome LVGL Editor, LVGL Designer for ESPHome, ESPHome LVGL online editor, and ESPHome LVGL GUI builder. A free online ESP32 LVGL UI editor for the ESPHome community.