Setup

Estimated reading time: One minute

The first step is to create a new project using the live-app-sdk. We will use the live-app Create React App (CRA) template to bootstrap a React TypeScript web app initialized with the live-app-sdk.

  Tip
For more information regarding CRA, refer to the project's documentation.

Run the following command in your terminal:

yarn create react-app live-app-tuto --template @ledgerhq/live-app

Once the live-app-tuto React App is created, start running it with:

cd live-app-tuto
yarn start

The app now runs in development mode. If you go to http://localhost:3000 on a web browser you should see the following screen:

This app is a basic CRA web app. If you are familiar with React and CRA, you will notice that there is an extra Request account button at the bottom. If you go and have a look at the src/App.tsx file, you will notice the use of the requestAccount function from @ledgerhq/live-app-sdk, called when clicking on this button.

If you click on the Request account button, you will see that nothing happens. This is normal because Ledger Live needs to be aware of your Live App to communicate. This is done through a manifest file that we will create in the next section.

---

Did you find this page helpful?

How would you improve this page for developers?

I am a developer.
Contributors will be chosen randomly to receive rewards. Check this box to send your email and participate.

Ledger collects your email address to send you rewards for your contribution to improve the Developer Portal documentation. Learn more about how we manage your data and your rights.

By providing your email address, you consent that Ledger may contact you for rewards delivery purposes. If you are part of the randomly selected contributors, we will send you an email to ask for your physical address and if necessary, ask you for additional information on the suggestion you made. Your information will only be available to Ledger and will be retained for no longer than 90 days. It may be transferred to non-European countries that ensure an adequate level of protection or under the standard contractual clauses adopted by the EU Commission.

Please note that you may withdraw your consent at any time, access your data and request their rectification or deletion. You may also request the limitation of the processing of your data. To exercise your rights or for any question on the processing of your data, please contact LEDGER’s Data Protection Officer here. If nevertheless you believe LEDGER did not adequately address your concerns and mishandled your data, you may lodge a complaint with the personal data protection authority of your country.

Introduction

← Previous

Manifest

Next →