Ir al contenido principal
Volver a las aplicaciones de ejemplo

Explorador de Solana

El Solana Explorer utiliza unEndpoint Quicknode Solana Endpoint recuperar los saldos de tokens, el historial de transacciones y los NFT de una cartera concreta en la Solana .

Icono de implementación
Implementar la aplicación
Icono de GitHub
Ver repositorio
Marco de trabajo/biblioteca de front-end:
React/Next.js
Idioma:
TypeScript
Herramienta de compilación/servidor de desarrollo:
Next.js
Vista previa de la aplicación de ejemplo

Resumen

El Solana Explorer utiliza unEndpoint Quicknode Solana Endpoint recuperar los saldos de tokens, el historial de transacciones y los NFT de una cartera concreta en la Solana . Utiliza un Next.js 14 proyecto puesto en marcha con create-next-app.

Primeros pasos

Instalar las dependencias​

En primer lugar, instala las dependencias:

npm instalar
# o
yarn
# o
pnpm instalar
# o
bun install

Configurar variables de entorno​

Asegúrate de tener a mano unendpoint Quicknode endpoint conseguir uno gratis aquí.

Cambiar nombre .env.example a .env.local and add your Quicknode Solana endpoint. Set DAS_API_ENABLED a verdadero only if you have access to the Metaplex product.

SOLANA_RPC_URLmainnet
DAS_API_ENABLED=true
NEXT_PUBLIC_FETCH_JUPLIST=true

En primer lugar, ejecuta el servidor de desarrollo:

npm ejecutar dev
# o
yarn dev
# o
pnpm dev
# o
bun dev

Abre http://localhost:3000 en tu navegador para ver el resultado.

Cómo utilizar la Dapp

Busca una dirección Solana y pulsa Intro. La Dapp te redirigirá a /wallet/[dirección] y consultar la Solana para obtener los saldos de tokens, las transacciones y los NFT de la cartera. Los resultados se muestran en las fichas correspondientes.

Arquitectura​

src/
├── app/
│   └── api/
│       └── wallet/
├── componentes/
    ├── explorador/
    └── header/
  • API - Contiene las rutas de la API para las llamadas Solana . Se puede acceder a ellas desde el cliente a través de /api/wallet/[método]?walletAddress=[dirección]. Estas solicitudes GET utilizan el solana.js la biblioteca y el marco Metaplex Digital Asset Standard para gestionar las consultas.
  • componentes - Contiene los componentes de React para la dapp.
    • El explorador El componente contiene elementos del lado del cliente que llaman a las rutas de la API y muestran los resultados.
    • El encabezado El componente contiene la barra de búsqueda de la dapp.

Implementar en Vercel

Implementar con Vercel

Vista previa

Vista previa

Documentación de Next.js

Para obtener más información sobre Next.js, echa un vistazo a los siguientes recursos:

Puedes echar un vistazo al repositorio de Next.js en GitHub: ¡tus comentarios y aportaciones son bienvenidos!

Aportaciones y comentarios
¡Nos encantaría conocer tu opinión y agradecemos cualquier aportación a esta aplicación de ejemplo!
Para informar de problemas o enviar comentarios, abre una incidencia en GitHub en el qn-guide-ejemplos repositorio.
Para colaborar, sigue estos pasos:
  1. Hacer un fork del repositorio
  2. Crear una rama de características:
    git checkout -b feature/amazing-feature
  3. Guarda los cambios:
    git commit -m "Añadir una función increíble"
  4. Envía tu rama:
    git push origin feature/amazing-feature
  5. Abre una solicitud de incorporación de cambios.
Descubre más aplicaciones de ejemplo
Intercambio de metaagregación de Titan
Una interfaz de usuario Solana de una sola página, desarrollada sobre la API de metaagregación de Titan Gateway y alojada a través de Quicknode. Muestra las cotizaciones de los distintos proveedores, los nodos en cadena por los que pasa una ruta y un flow de «crear → firmar → enviar» flow custodia propia, flow las transacciones se confirman a través Quicknode .
Intercambio de metaagregación de Titan
Intermitente Solana
Esta aplicación te permite crear e interactuar con Solana mediante el análisis de las URL Solana para obtener las acciones correspondientes. Introduce una URL de acción válida para ver sus detalles, conecta tu monedero para ejecutar acciones o crea otras nuevas utilizando la estructura proporcionada.
Intermitente Solana
Generador de Solana
Esta aplicación te permite crear tokens fungibles en la Solana , con compatibilidad integrada para la subida IPFS mediante IPFS Quicknode.
Generador de Solana