Building dApps with Pioneer-Template

A powerful multi-chain SDK and sample project

TL:DR (Github Link)

Steps on a new project

1. Init your project

   npx degit coinmastersguild/pioneer-template <your apps name*>

2. CD into your project

   cd <your apps name*>

3. Install dependencies, and run in developer mode

   pnpm i && pnpm dev

4. View your project on localhost

   http://localhost:3000

Your sample project is now live! and ready for you to begin building your dApp!

Next open project in your editor

Common:

• Webstorm
• VS Code

Common first Steps (personalization):

• Set project name in
  package.json

• Set project title in
  public/manifest.json

• Set favicon
  public/assets/favicon.ico
  (Favicon Guide)

Create a favicon from a

, Favicon Converter

• Set name in header (
  src/lib/layout/header
  )

• Set Metadata

  Directory:

  src/lib/layout/Meta.tsx

Github

Commit and push to your own Github repo

git init
git add *
git commit -m "Initial commit"
gh repo create <your-app-name> --public --confirm
git remote add origin ssh://github.com/<username>/<your-app-name>.git
git push -u origin master

(If you don’t have

installed, you can go to github.com and init a project there)

View your project on GitHub

https://github.com/<username>/<your-app-name>

Production deployment prepping

Build a production build locally to verify

yarn
yarn add pnpm
yarn build:turbo
yarn serve

View your project built for production

http://localhost:4173/

We now have a Complete Dapp!

Now let's deploy the app to production with Vercel

Signup on Vercel

After linking your GitHub account with Vercel, we can deploy the project

Vercel will detect the build format of the app as we used create-react-add, and all the necessary configurations come out of the box.

After successful deployment, you can collect the URL for your

https://dash-dapp.vercel.app/

After we got a URL for our dapp, let's go to Pioneer and submit

Launch Pioneers Dapp from the dapp store

And we navigate to “Explore Dapps.”

Now we connect to the Dapp via Wallet-Connect

And we submit the Dapp to the Dapp Store

I used a link I found of coincap.io for the app icon.

Next, we Sign the Submission to register our KeepKeys address as the Developer/owner

(All Dapp’s submitted must be reviewed before being approved. Drop into our discord if you would like to speed up approval)

After Approval, your app will show up eligible for voting

Now let's use fox to upvote our dapp

And now users in the Desktop platform can use your App!

You have now completed an entire Dapp from scratch, deployed it to production with Vercel.io, and submitted and got approval for entrance into KeepKeys Dapp store! All that's left is to promote your app and ask more fox holders to upvote!

Top dapp developers are eligible for future FOX rewards and airdrops.

---