Ir al contenido principal
Volver a las aplicaciones de ejemplo

Generador de Solana

La aplicación Solana Minter te permite crear tokens fungibles en la Solana y cuenta con soporte integrado para la subida IPFS .

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

La aplicación Solana Minter te permite crear tokens fungibles en la Solana , con compatibilidad integrada para la subida IPFS mediante IPFS Quicknode. Solo tienes que subir una imagen para los metadatos de tu token, rellenar los datos del token y conectar tu monedero. Haz clic en «Acuñar» para subir tus metadatos a IPFS acuñar tu token sin complicaciones.

Esta aplicación utiliza Next.js 14 proyecto puesto en marcha con create-next-app.

Primeros pasos

Instalar las dependencias​

Abre el directorio del proyecto:

cdsolana

A continuación, 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 y actualízalo con tu Endpoint Solana Quicknode Endpoint IPFS de Quicknode .
  • Asegúrate de actualizar el clúster para garantizar que las URL de tus transacciones apunten al explorador correcto (utiliza únicamente los valores de la enumeración proporcionados en el .env.example archivo).
  • Puedes utilizar la URL pública de IPFS Quicknode o sustituirla por la tuya propia.
QN_IPFS_API=QN_abc123456789xyz_REPLACE_THIS
QN_ENDPOINT=mainnet
mainnet# mainnet| devnet | testnet  local
NEXT_PUBLIC_GipfsEWAY_URLipfs

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


  1. Sube una imagen (se utilizará para los metadatos de tu token)
  2. Rellena el formulario con los datos del token
  3. Conecta tu monedero
    • Asegúrate de tener unos 0,04 SOL en tu monedero para cubrir las comisiones de la nueva cuenta.
    • Si utilizas Devnet, puedes conseguir SOL gratis en el Solana .
  4. ¡Haz clic en «Mint» para subir tu imagen y los metadatos a IPFS acuñar tu token!

Arquitectura​

src/
├── app/
│   ├── page.tsx
│   └── layout.tsx
│   └── api/
│       └── solana
│           └── createMintTx/route.ts   # Crear una nueva transacción de acuñación   
│           └── sendAndConfirm/route.ts # Enviar y confirmar la transacción
│       └── upload/
│           └── image/route.ts  # Subida de IPFS 
│           └── json/route.ts   # Subida de IPFS 
└── componentes/
    ├── SolanaProviders.tsx     # Proveedores de contexto del adaptador de monedero
    ├── Minter.tsx              # Componente principal
    └── [componentes de apoyo]

Implementar en Vercel

Implementar con Vercel

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
Explorador de Solana
Esta aplicación utiliza unEndpoint Quicknode Solana Endpoint recuperar los saldos de tokens, el historial de transacciones y los NFT de una cartera concreta en la Solana .
Explorador de Solana
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