Solana エクスプローラー

The Solana Wallet Explorer leverages a Quicknode Solana Endpoint to retrieve token balances, transaction history, and NFTs for a specified wallet on the Solana blockchain.

著者

アーロン・ミラノ

アプリをデプロイする

リポジトリを表示

フロントエンドフレームワーク／ライブラリ：

React/Next.js

言語：

TypeScript

ビルドツール／開発サーバー：

Next.js

概要

The Solana Wallet Explorer leverages a Quicknode Solana Endpoint to retrieve token balances, transaction history, and NFTs for a specified wallet on the Solana blockchain. It uses a Next.js 14 以下のツールを使用して立ち上げられたプロジェクト create-next-app.

はじめに

依存関係をインストールする

First, install the dependencies:

npm install
# または
yarn
# または
pnpm install
# または
bun install

環境変数の設定

endpoint 必ず手元に用意しておいてくださいendpoint こちらから無料で取得できます。

名前を変更する .env.example ～へ .env.local and add your Quicknode Solana endpoint. Set DAS_API_ENABLED ～へ true only if you have access to the Metaplex product.

SOLANA_RPC_URL=https://example.solana-mainnet.quiknode.pro/123456/
DAS_API_ENABLED=true
NEXT_PUBLIC_FETCH_JUPLIST=true

まず、開発サーバーを起動します：

npm run dev
# または
yarn dev
# または
pnpm dev
# または
bun dev

ブラウザでhttp://localhost:3000を開くと、結果を確認できます。

Dappの利用方法

Search for a Solana wallet address and press enter. The Dapp will redirect to /wallet/[address] and query the Solana blockchain for the wallet's token balances, transactions, and NFTs. Results are rendered in respective cards.

建築

src/
├── app/
│   └── api/
│       └── wallet/
├── components/
    ├── explorer/
    └── header/

api - Contains the API routes for the Solana RPC calls. These can be accessed from the client via /api/wallet/[method]?walletAddress=[address]. These GET requests utilize the solana.js library and Metaplex Digital Asset Standard framework to handle queries.
components - Contains the React components for the dapp.
- その explorer component contains client-side components that call the API routes and render the results.
- その header component contains the search bar for the dapp.