Autonomys Block Explorer Frontend

Astral

Block explorer frontend that uses the Subsquid API to get the network information and display it for easy user interaction.

Table of content

• 🏄 Get Started
• 🔩 Requirements
• 🛳 Build
• 🔧 Environment Variables

🏄 Get Started

The application is built with Next.js, React.js, Tailwind CSS and TypeScript. Follow these steps to set up your local development environment:

1. Clone the repository and navigate to the explorer directory:

git clone git@github.com:autonomys/astral.git
cd astral/explorer

2. If you use nvm to manage Node.js versions, ensure you're using the stable channel:

nvm use stable

3. Install the dependencies:

yarn install

4. Copy the .env.sample file to .env and update it with the necessary environment variables, especially the Subsquid GraphQL API URL:

cp .env.sample .env

Then edit the .env file with your favorite editor

5. To start the development server, run:

yarn dev

The server will run at http://localhost:3000.

🔩 Requirements

You will need to have the Subsquid GraphQL API URL to connect to the backend.

🛳 Build

To create a production build, execute the following command:

yarn build

This will compile the project into an optimized build ready for deployment.