Parascan Creates Open Source Block Explorer with the Power of Subquery

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 OnFinalityopen in new window), indexers (e.g. SubQueryopen in new window), 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 componentopen in new window which is powered by SubQuery and the UI componentopen in new window which is powered by React. The two components require only very minimal changes, as outlined in a video tutorialopen in new window, 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

  1. Fork the Parascan Subql starter Github repository: in new window
  2. 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 networkopen in new window.
  3. Publish your project via SubQuery's Managed Service by connecting your newly created Github repository using IPFS - documentation hereopen in new window
  4. 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.
  5. For the UI component you can again fork Parascan's UI Github Repository: in new window
  6. 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.
  7. 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 functionsopen in new window.

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: in new window

About Parascan

Parascanopen in new window builds useful tools to elevate the data and analytics in the DotSama ecosystem.

Websiteopen in new window | Githubopen in new window

About SubQuery

SubQueryopen in new window 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.

​​Linktreeopen in new window | Websiteopen in new window | Discordopen in new window | Telegramopen in new window | Twitteropen in new window | Matrixopen in new window | LinkedInopen in new window | YouTubeopen in new window

Last Updated:
Contributors: James Bayly