/polkadot-dapp-template

Frontend template to create Polkadot compatible decentralized apps.

Primary LanguageTypeScript

Polkadot DApp Template (WIP)

Todo

  • fix api types
  • use @polkadot/typegen instead of @polkadot/api-augment
  • allow for passing status callback?
  • context guards which assure api, currentAccount etc is set
  • eager connect?
  • rotate RPCs
  • RPC from url
  • check if pallet is available
  • describe decisions in README

Goals

(Note: Work in Progress)

  • don't use centralized services
  • don't require a deployed backend
  • production ready settings
  • decentralized deployment possible
  • runnable locally
  • best typescript experience possible
  • light client first
  • use state for art tools for DApps in the Polkadot Ecosystem
  • reasonable bundle size

Stack

  • typescript
  • vite
  • tailwindcss
  • shadcn/ui
  • react-query
  • polkadotjs/api
  • (polkadotjs/api-augment)

Built in Components

  • <Web3Provider />
  • <ApiProvider />

Typegen

(Note: Work in Progress)

{
  "scripts": {
    "typegen": "pnpm typegen:defs && pnpm typegen:meta",
    "typegen:defs": "polkadot-types-from-defs --package sample-polkadotjs-typegen/interfaces --input ./src/interfaces --endpoint ./metadata.json",
    "typegen:meta": "polkadot-types-from-chain --package sample-polkadotjs-typegen/interfaces --endpoint ./metadata.json --output ./src/interfaces",
    "metadata": "curl -H \"Content-Type: application/json\" -d '{\"id\":\"1\", \"jsonrpc\":\"2.0\", \"method\": \"state_getMetadata\", \"params\":[]}' http://localhost:9944 > metadata.json"
  }
}