Today, we're pleased to announce our partnership with Parascan, an open source and off-the-shelf block explorer for your next substrate chain. Parascan is another excellent team building key infrastructure pieces for the community to get a head start on their development journey.
With the increasing number of emerging parachains (or even just Substrate chains) we are seeing, each new team looks for a few core pieces of infrastructure to have the recipe for success. This includes RPC endpoints (e.g OnFinality), indexers (e.g. SubQuery), and the one we are highlighting today, block explorers.
Parascan has built the components for any substrate network to easily build their own explorer, which then allows them to view block details such as events, extrinsics and transfers. This solution provides a much better user experience to a barebones polkadot.js solution, and a faster and more open implementation than other closed source alternatives.
"Having worked with SubQuery for some time, I know I could combine it with just a few other tools to create an adaptable explorer that would hugely benefit teams in the Polkadot and Kusama community. Parascan will maintain a long-standing partnership with SubQuery as we continue to build analytics tools that will advance the Polkadot ecosystem." - Bisola Olasehinde, Founder of Parascan
With SubQuery as the data backbone, Parascan has made it incredibly easy for new teams to build their own explorer and view essential data in a user-friendly way. There are two components required to do so, the data component which is powered by SubQuery and the UI component which is powered by React. The two components require only very minimal changes, as outlined in a video tutorial, and you can bring your explorer to life. And as an additional bonus, it's fully compatible with Parity's Frontier EVM (used by Moonbeam and Astar), meaning you can display both Substrate and Ethereum data in the same UI.
"Providing fundamental tools for new teams to get up and running is the bread and butter of SubQuery. Parascan have taken the foundation of SubQuery's data indexing capabilities and advanced this into an incredibly useful UI. This package as a whole, will save a huge amount of development time for new teams who want to hit the ground running." - Brittany Seales, Customer Success Lead at SubQuery
Tutorial Step-by-Step
- Fork the Parascan Subql starter Github repository: https://github.com/jamesbayly/parascan-polkadot
- Add the new network details in the
project.yaml
file. Add the new network's endpoint, the genesis hash (the hash of block zero), and import the custom types of your network. - Publish your project via SubQuery's Managed Service by connecting your newly created Github repository using IPFS - documentation here
- Deploy the project to a staging slot to begin with - this is recommended for testing/indexing. Once indexed, you can seamlessly move the project to production so there is zero downtime for your app.
- For the UI component you can again fork Parascan's UI Github Repository: https://github.com/parascan-xyz/parascan-subql-starter-ui
- Here you only need to change one item. Navigate to
src > utils > index.tsx
. Update the endpoint to your query endpoint from your recently deployed SubQuery project. - Once fully indexed, the React UI will view all blocks, extrinsics, and events. You can further improve the UI by adding filters which SubQuery easily enables via aggregate functions.
To watch the full tutorial on how to build a blockchain explorer you can go here
For get started by forking Parascan's Github repositories you can go here: https://github.com/parascan-xyz
About Parascan
Parascan builds useful tools to elevate the data and analytics in the DotSama ecosystem.
About SubQuery
SubQuery is the Universal data indexing toolkit facilitating the construction of Web3 applications of the future. A SubQuery project is a complete API to organise and query data from Layer-1 chains. Currently servicing Polkadot, Substrate, Avalanche, Terra, and Cosmos (starting with Juno) projects, this data-as-a-service allows developers to focus on their core use case and front-end without wasting time building a custom backend for data processing activities. In the future, the SubQuery Network intends to replicate this scalable and reliable solution in a completely decentralised manner.
Linktree | Website | Discord | Telegram | Twitter | Matrix | LinkedIn | YouTube