Building dApp with Near Protocol and React

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • create-near-app

    Create a starter app hooked up to the NEAR blockchain

    For near dapps there is a npx binary create-near-app. It has some options to choose what type of frontend you are going to use and also what type of smart contract you are going to use. Here are the option you can use:

  • near-wallet

    Web wallet for NEAR Protocol which stores keys in browser's localStorage

    case 'production': case 'mainnet': return { networkId: 'mainnet', nodeUrl: 'https://rpc.mainnet.near.org', contractName: CONTRACT_NAME, walletUrl: 'https://wallet.near.org', helperUrl: 'https://helper.mainnet.near.org', explorerUrl: 'https://explorer.mainnet.near.org', } case 'development': case 'testnet': return { networkId: 'testnet', nodeUrl: 'https://rpc.testnet.near.org', contractName: CONTRACT_NAME, walletUrl: 'https://wallet.testnet.near.org', helperUrl: 'https://helper.testnet.near.org', explorerUrl: 'https://explorer.testnet.near.org', } ... } `

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-gh-pages

    Deploying a React App (created using create-react-app) to GitHub Pages

    But make sure to first commit and push your app to Github and also add the homepage property to the package.json. More details can be found here

  • Visual Studio Code

    Visual Studio Code

    That's it we have created our project, now we can get hands dirty in the code. Open the project in you favourite IDE, the recommended option is using free VS Code:

  • near-tutorial

    The tutorial source code is accessible here and demo app is deployed to Github Pages.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts