ProductsAppsFor Business

Coins

Support

Blog

Docs

⚠️ SECURITY ALERT: KeepKey does NOT provide phone support. If you are on the phone with someone claiming to be from KeepKey, they are a SCAMMER!

Highlander

Using the KeepKey Template to deploy your Dapp (Webstorm)

Using the KeepKey Template to deploy your Dapp (Webstorm)

Using the KeepKey Template to Deploy Your Dapp (Webstorm)

How to Easily Start Building with KeepKey

Using the KeepKey Template to Deploy Your Dapp (Webstorm)

How to easily start building with KeepKey

Let's get Started

First, you create the repo:

npx degit keepkey/keepkey-template your-dapp-name

Open the template via your editor. In the following, I'm using Webstorm:

Webstorm Template

For this tutorial, I'm going to build an ETH message signer dapp.

ETH Message Signer Dapp

Navigate to

package.json
and rename your project:

Rename Project

Project Renamed

Now we push the code to GitHub. You can now view this repo on GitHub:

GitHub - BitHighlander/eth-message-signer
This is a project bootstrapped with (react-ts), added with Chakra UI and TypeScript setup.
github.com

Navigate to Vercel.com:

Vercel

We are deploying a GitHub project:

Deploy GitHub Project

Login with GitHub:

Login with GitHub

After pairing your GitHub, the site will list your repos:

GitHub Repos

After opening your dashboard, select “add new project”:

Add New Project

Import

eth-message-signer
, our new repo:

Import Repo

Use default settings and press “deploy”:

Deploy

Wait while the app builds:

App Building

Success! Continue to dashboard:

Success

Your site is now live on the internet!

vite-react-chakra-starter
Edit description
eth-message-signer.vercel.app

Continue to the following tutorials:

Building a ETH signer dapp with the KeepKey SDK.

Deploying your finished app to Pioneer Dapp store.