---
title: "Cómo desarrollar un visor de NFT (tutorial en 5 pasos)"
description: "Aprende a crear una dapp para ver los NFT de una dirección de wallet usando la Alchemy NFT API."
---

# Cómo desarrollar un visor de NFT (tutorial en 5 pasos)

Uno de los aspectos más destacados de los smart contracts de NFT es que no incluyen las obras de arte, imágenes o archivos en sí, sino solo enlaces o URIs a ellos y a sus metadatos. Estos tokens identifican ubicaciones fuera de la cadena para dichos archivos y datos, por lo que la blockchain no es responsable de alojar este contenido.

Como veremos en la siguiente sección, ERC-1155 es una mejora respecto a ERC-721 en el sentido de que su código funciona tanto para tokens no fungibles como semi-fungibles \(NFTs\).

### Requisitos del visor de NFT

- Node >= 16.13.x
- Alchemy
- React.js
- TailwindCSS
- [Repositorio de GitHub del NFT Viewer](https://github.com/alchemyplatform/Build-Your-NFT-Explorer)

### Tutorial del visor de NFT

A continuación se presentan los pasos para crear una dapp visor de NFT usando Alchemy.

### 1. Clonar el repositorio

Para clonar el repositorio NFT Viewer, abre tu terminal y ejecuta el siguiente comando:

<CodeSnippet
  code={`git clone https://github.com/alchemyplatform/Build-Your-NFT-Explorer.git`}
  language="text"
  theme="dark"
/>

### 2. Instalar npm

NPM significa "node package manager". Para instalar npm, simplemente ejecuta este comando desde tu terminal:

<CodeSnippet code={`npm install`} language="text" theme="dark" />

### 3. Crear una cuenta de Alchemy en Alchemy

Crea una [nueva cuenta de Alchemy](https://dashboard.alchemy.com/signup/?a=d30817db92) o crea una nueva app si ya eres desarrollador de Alchemy.

Una vez que tengas tu app, copia tu API Key.

<ImageBlock
  src="https://media.alchemy.com/1703688790-copy-api-key-on-alchemy.jpeg"
  alt="Panel de Alchemy: creación de una nueva app y copia de la API key"
  width={1223}
  height={1009}
  caption="Crea una nueva app de Alchemy y copia tu API Key"
/>

### 4. Reemplaza tu API key en el archivo fetNFTs.js

Desde ahí, actualiza const apiKey = "demo"; en src/utils/fetchNFTs.js con tu API Key de Alchemy.

Luego ejecuta este comando en tu terminal:

<CodeSnippet code={`npm start`} language="text" theme="dark" />

### 5. Ingresa una dirección de wallet

Para ver los NFTs que posee una dirección de wallet dada, simplemente ingresa la cadena de la dirección de la wallet.

<ImageBlock
  src="https://media.alchemy.com/1703688886-nft-viewer-user-interface.jpg"
  alt="Interfaz de usuario del Dapp NFT Viewer"
  width={1600}
  height={817}
  caption="Interfaz de usuario del Dapp NFT Viewer"
/>

Para más información sobre este tutorial, consulta [este video](https://www.youtube.com/watch?v=YehktV6LSqw)!

### Usando el Alchemy NFT API

El NFT API de Alchemy te permite obtener rápidamente toda la información que necesitas sobre NFTs de la blockchain, y funciona en Ethereum, Polygon, Arbitrum, Optimism y las testnets de Ethereum.

En lugar de escanear, indexar y almacenar datos manualmente, ahora puedes enviar una sola solicitud para obtener información específica de NFT tanto para tokens ERC-721 como ERC-1155. Esto incluye recuperar información como encontrar todos los NFTs que posee una dirección o los metadatos/atributos de un token NFT determinado.

Para más información, revisa la [documentación del NFT API.](https://www.alchemy.com/docs/reference/nft-api-quickstart)

## ¿Qué son los NFTs \(tokens no fungibles\)?

**El término "NFT" hace referencia a activos digitales que representan artefactos del mundo real, como arte, música o elementos de videojuegos.**‍

Aunque solo existen desde 2014, el uso de NFTs para comprar y vender obras de arte digitales sigue creciendo en popularidad. Hoy en día existen múltiples implementaciones de smart contracts para NFTs en Ethereum, siendo los dos estándares de token principales [ERC-721 y ERC-1155](https://www.alchemy.com/blog/comparing-erc-721-to-erc-1155).

### ¿Qué son los tokens ERC-721?

Desde su primer lanzamiento como una Ethereum Improvement Proposal \(EIP\) en septiembre de 2017, los tokens ERC721, también conocidos como tokens no fungibles \(NFTs\), permiten a los desarrolladores tokenizar la propiedad de cualquier dato arbitrario en la blockchain de Ethereum.

ERC-721 define la interfaz mínima que un smart contract debe implementar técnicamente. Esta interfaz básica facilita la propiedad, el intercambio y la administración de tokens. ERC-721 no exige un estándar de información relacionada con el token y no excluye la incorporación de funciones que superen los requisitos mínimos.

El estándar de token ERC-721 amplía considerablemente el espacio de diseño para tokens. Dado que cada token no fungible está vinculado a una identidad distinta, todos son únicos para su propietario. Los tokens que siguen el estándar ERC-20, en cambio, son fungibles, lo que significa que pueden usarse indistintamente.

Dieter Shirley, director de tecnología en [Dapper Labs](https://www.alchemy.com/dapps/dapper-labs), diseñó ERC-721 como un borrador de EIP \(Ethereum Improvement Proposal\), que finalmente sirvió como base para el juego [CryptoKitties](https://www.alchemy.com/dapps/cryptokitties). Otros autores de ERC-721 incluyen a William Entriken, Jacob Evans y Nastassia Sachs.

### ¿Qué son los ERC-1155?

**El estándar de token ERC-1155 es para tokens semi-fungibles, y fue creado por un equipo de desarrolladores de Enjin para resolver las limitaciones de los tokens ERC20 y ERC721.**

Anteriormente, se necesitaba un contrato separado para cada moneda fungible o no fungible bajo ERC-20 o ERC-721 respectivamente. Además, los estándares anteriores restringían ciertas capacidades al dividir cada contrato en una dirección separada. Como resultado, la blockchain de Ethereum está repleta de bytecode sin uso.

## Conclusión

Aunque los NFTs todavía están en una etapa temprana, ya le están ofreciendo a los artistas beneficios extraordinarios como la propiedad digital, nuevas fuentes de ingresos y una mayor participación de la comunidad.

Para seguir aprendiendo sobre [apps](https://www.alchemy.com/dapps/top/defi-dapps) de NFT, explora tutoriales relacionados como:

1. [Cómo crear un token ERC-721](https://www.alchemy.com/docs/how-to-interact-with-erc-721-tokens-in-solidity)
1. [Cómo crear un token ERC-1155](https://www.alchemy.com/docs/how-to-interact-with-erc-20-tokens-in-solidity)
1. [Cómo hacer batch minting de NFTs con ERC721A](https://www.alchemy.com/overviews/erc721-vs-erc721a-batch-minting-nfts)