gatsby-eth-dapp-starter

Gatsby v2 Starter for Ethereum Dapps using React & Web3!

Demo:

https://gatsby-eth-dapp-starter.netlify.com/

Hosted on

Account Management Integrations:

• QR-Connected Wallets

  • Coinbase WalletLink
  • Wallet Connect

• Hosted Wallets

  • Fortmatic
  • Torus
  • Portis
  • Uport
  • Authereum
  • Bitski
  • SquareLink
  • Arkane Network

• Browser Wallets

  • MetaMask
  • Native (Brave, Opera, Toshi, Cipher, Status, etc..) -- Partially Done

• Hardware Wallets

  • Ledger -- todo
  • Trezor -- todo

Blockchain Event Streaming & Notifications:

• dfuse.io -- todo

Ethereum Design Components:

• Rimble UI

Gatsby Plugins:

• gatsby-plugin-react-helmet
• gatsby-plugin-create-client-paths
• gatsby-source-filesystem
• gatsby-transformer-sharp
• gatsby-plugin-sharp
• gatsby-plugin-manifest
• gatsby-plugin-lodash
• gatsby-plugin-netlify
• gatsby-plugin-offline

Build Environment:

• node: 10.17.0
• npm: 5.6.0
• yarn: 1.19.1

Develop/Run:

To start, create the following files in the root directory of the project:

.env.development

GATSBY_ETH_JSONRPC_URL=https://ropsten.infura.io/v3/__YOUR_INFURA_API_KEY_HERE__
GATSBY_ETH_CHAIN_ID=3

GATSBY_FORTMATIC_APIKEY=__YOUR_FORTMATIC_API_KEY_HERE__
GATSBY_PORTIS_DAPP_ID=__YOUR_PORTIS_DAPP_ID_HERE__
GATSBY_UPORT_DAPP_NAME=__YOUR_UPORT_DAPP_NAME_HERE__
GATSBY_BITSKI_CLIENT_ID=__YOUR_BITSKI_CLIENT_ID_HERE__
GATSBY_SQUARELINK_DAPP_ID=__YOUR_SQUARELINK_DAPP_ID_HERE__
GATSBY_ARKANE_CLIENT_ID=__YOUR_ARKANE_CLIENT_ID_HERE__

Next, run the following commands from a terminal:

yarn install
yarn start

Or, with NPM:

npm install
npm run develop