Ir diretamente para o conteúdo principal
Voltar aos aplicativos de exemplo

Solana Wallet Explorer

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.

Ícone de implantação
Implantar aplicativo
Ícone do GitHub
Ver Repositório
Framework/Biblioteca de Frontend:
React/Next.js
Idioma:
TypeScript
Servidor de ferramentas de compilação/desenvolvimento:
Next.js
Pré-visualização do aplicativo de exemplo

Visão geral

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 projeto iniciado com create-next-app.

Primeiro passos

Instalar dependências​

Primeiro, instale as dependências:

npm instalar
# ou
yarn
# ou
pnpm instalar
# ou
bun install

Definir variáveis de ambiente​

Certifique-se de que tem umendpoint Quicknode endpoint pode obter um gratuitamente aqui.

Renomear .env.example para .env.local and add your Quicknode Solana endpoint. Set DAS_API_ENABLED para 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

Primeiro, execute o servidor de desenvolvimento:

npm executar dev
# ou
yarn dev
# ou
pnpm dev
# ou
bun dev

Aceda a http://localhost:3000 no seu navegador para ver o resultado.

Utilizar a Dapp

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

Arquitetura​

src/
├── app/
│   └── api/
│       └── wallet/
├── componentes/
    ├── explorer/
    └── cabeçalho/
  • API - Contains the API routes for the Solana RPC calls. These can be accessed from the client via /api/wallet/[método]?walletAddress=[endereço]. Estas solicitações GET utilizam o @solana/web3.js library and Metaplex Digital Asset Standard framework to handle queries.
  • componentes - Contém os componentes React para a dapp.
    • O explorador O componente contém componentes do lado do cliente que chamam as rotas da API e apresentam os resultados.
    • O header O componente contém a barra de pesquisa da dapp.

Implantar no Vercel

Implementar com o Vercel

Pré-visualização

Pré-visualização

Documentação do Next.js

Para saber mais sobre o Next.js, consulte os seguintes recursos:

Podes consultar o repositório do Next.js no GitHub — os teus comentários e contribuições são bem-vindos!

Contribuições e feedback
Gostaríamos de receber seu feedback e contribuições para este aplicativo de exemplo!
Para relatar problemas ou enviar feedback, abra uma issue no GitHub em qn-guide-examples repositório.
Para contribuir, siga estas etapas:
  1. Fazer fork do repositório
  2. Criar uma branch de funcionalidades:
    git checkout -b feature/amazing-feature
  3. Faça commit das suas alterações:
    git commit -m "Add amazing feature"
  4. Faça push da sua branch:
    git push origin feature/amazing-feature
  5. Abrir um Pull Request.
Explorar mais aplicativos de exemplo
Swap de Meta-Agregação Titan
Uma interface de swap Solana de página única criada com base na API de Meta-Agregação Titan Gateway, disponibilizada pela QuickNode. Exibe cotações de provedores concorrentes, as plataformas on-chain percorridas pela rota e um fluxo autocustodial de criar → assinar → enviar, com transações confirmadas via QuickNode RPC.
Swap de Meta-Agregação Titan
Solana Action Blinker
Este aplicativo permite criar e interagir com Solana Actions, convertendo URLs de Solana Actions nas ações correspondentes. Insira uma URL de Action válida para visualizar seus detalhes, conecte sua carteira para executar ações ou crie novas ações usando a estrutura fornecida.
Solana Action Blinker
Solana Token Minter
This application allows you to create fungible tokens on the Solana blockchain with built-in support for IPFS image uploads using Quicknode's IPFS API.
Solana Token Minter