Building a Live App: A Step-by-Step Tutorial

What is a Live App?

Ledger Live Apps are plug-in dApps that integrate inside Ledger Live for next-level crypto management, direct hardware wallet access, and cool new features.
Let’s build one together!

🌟 Before you start:

Latest Node.js & npm installed
Set up the @ledgerhq/wallet-api-simulator in your dev environment
Any code editor: VSCode, Atom, etc.
Next.js template: npx create-next-app my-app --typescript

Project Structure Example

/src — all code files
/components — React UI parts
/hooks — Ledger hooks (useAccounts)
/utils — helper functions
/public — index.html & static files
App.tsx — main React entry
package.json, tsconfig.json — config files

🌈 Interactive Tutorial Steps

Click any step for a colorful explanation!

Developer Tips

Use reusable components for quick UI!
Test your Live App in @ledgerhq/wallet-api-simulator before deploying.
Keep dependencies updated.
Organize your code for easy scaling.

🛡️ Never expose secrets or private keys in client code. Use the Ledger API & simulator for hardware-secure interactions!