This experience can take many shapes from mobile app to interactive terminal applications. In this section we are focusing on the most prominent shape in web3 right now, web apps.
There are several levels of abstraction where you can start your journey creating a web frontend for your contracts. Each levels offers different advantages and disadvantages. The following list is of tools. They are sorted from the most generic no third party library way to interact with Polkadot's smart contracts to the most opinionated template using libraries and proven frontend frameworks.
Using no libraries
- RPC Interface (not recommended): nodes participating in the blockchain network offer an JSON RPC interface to interact with the blockchains state and capabilities.
Low level libraries
@polkadot/api-contract(recommended): abstraction on top of
pallet-contracts. Makes interaction with smart contracts more comfortable and type safe.
React and Next.js
inkathon(recommended): Full Stack web app template using the popular full stack template
Nextjs. Itself is using
useInkathon. The fastest way to get up and running with a smart contract and a corresponding web app.
For inspiration how to get started building your full stack dApp. Make sure to visit our Smart Contracts Examples section or repository directly. These examples not only offer the smart contract code but also have an accompanied frontend project. Checkout the
README.md for details how to setup and run these frontend examples.