Cómo Construir Control de Acceso Front-End con NFTs

Bienvenidos a todos, y hoy estamos hablando sobre desbloquear la propiedad digital y lo que esto significa. Estamos hablando sobre cómo comenzar cuentas usando tecnología blockchain. Y por cierto, preparen sus computadoras porque estamos creando una aplicación completa aquí, y estoy seguro de que pueden hacer esto conmigo. Estoy haciendo esto paso a paso, así que despacio, y estoy garantizando todos los pasos con ustedes para asegurarme de que puedan hacer esto conmigo.

Primero, permítanme presentarme. Pueden llamarme Sol, pero mi nombre es Sol Enxigueros y soy Ingeniera de Relaciones con Desarrolladores en Chainlink Labs. Y Chainlink Labs es una empresa enfocada en traer las conexiones entre blockchain y todo lo que no está en un blockchain. Y por cierto, hoy estamos hablando un poco más sobre el blockchain. Estos son mis contactos, y soy de Brasil, pero ahora estoy en Ámsterdam porque estoy aquí. Aquí tienen el ATALC en el React Summit y el JS Nation también. Así que estoy lista aquí para conocer a algunos de ustedes si vinieron al evento también.

Así que comencemos con el contenido real. Y estamos comenzando, esta es una visión general de lo que estamos viendo hoy. Tenemos dos horas y podemos hacer una aplicación increíble en estas dos horas y hacer esto juntos. Así que estamos comenzando a hablar, qué son los NFTs, acceso digital, algunos casos de uso relacionados con este entorno de desarrollo. Estamos creando un contenido inteligente aquí. Wow. Y luego estamos conectando este contenido inteligente con el front end que estamos construyendo. Y lo que puedes hacer con esto. Cuál puede ser el futuro. Veamos. Así que me gustaría invitarlos ahora a ir a este enlace. Así que estaré agregando este enlace para ustedes ahora en el chat.

Y este es un camino colaborativo. Todos pueden escribir juntos aquí. De la misma manera, puedes borrar todo, así que ten cuidado. Y mi primera pregunta para ti aquí es ¿cuál es tu nombre? Soy Sol y vengo de São Paulo, Brasil. Y tú, me gustaría saber un poco más sobre ti. Hola Mariano. Bienvenido Mariano. Es bueno verte aquí. Wow, eres de España. Sí. Valencia. Me gustaría conocer Valencia. No lo sabía aún, pero... Hablo castellano. Podemos hablar, después. Y tenemos a Mihy, no estoy seguro si sé cómo decir tu nombre de USA. Increíble. Y Asanka de Sri Lanka. Wow. Y no sé cómo decir tu nombre. Y Stoke hizo esto desde Chipre. Hice mi maestría en Nicosia en Chipre. Y Nima, eres de Bélgica. Wow. Estaré en tu lugar en julio también para otra conferencia. Y estoy tan emocionada de tenerlos a todos aquí conmigo. Y puedes ver que podemos escribir en la misma línea. Así que ten cuidado con esto. Pero estamos juntos aquí y cometí algunos errores de espacios aquí. Y estamos casi listos para avanzar. Oh, tenemos a Olek de Ucrania. Wow. Marco de Italia. Y Harold de India. Estuve en un hackathon increíble en India el año pasado también. Y Marius de Italia. Wow, bienvenidos todos. Estoy tan feliz, tan contenta de tenerlos a todos aquí y prepárense para crear una aplicación increíble conmigo. Así que avancemos.

Esta es nuestra base. Así que cada enlace que pueda abrir en mi computadora, lo comparto aquí con ustedes. Cada código que estoy haciendo, lo agregaré en este pad colaborativo cómo pueden hacer esto conmigo. Así que estamos juntos todo el tiempo. Volvamos un poco a nuestra presentación. Y primero que nada, ¿qué son los NFTs? Solíamos decir que un NFT es un activo. Pero este es un activo digital único. Y este activo está basado en blockchain. ¿Y qué significa basado en blockchain? ¿Cómo es esto? Estamos hablando de un tipo diferente de tecnología donde tenemos inmutabilidad. Y solíamos decir que este es un entorno de confianza, especialmente porque cuando tienes alguna transacción, algún registro de activo en una blockchain, no puedes cambiar esto más si no tienes los permisos, si no tienes el derecho de hacerlo. Y cuando hablamos de las muchas blockchains, estamos hablando de un entorno público, un entorno transparente. Así que blockchain nos trae más transparencia y un lugar en el que podemos confiar un poco más. Y podemos decir que blockchain es como una cadena de bloques. Y sí, tenemos bloques. Tenemos las transacciones en los bloques. Las transacciones pueden ser como crear NFTs, transferir NFTs, hacer lo que quieran hacer con algún activo allí. Y cada transacción está firmada por una cuenta. Y de esta manera, esto es a prueba de manipulaciones. No podemos manipular este tipo de cuenta tampoco. Y esto es lo básico. Entonces, ¿cómo podemos usar blockchain y NFTs para acceder a algo, para acceder a una cuenta? Cuando hablamos de acceso tradicional de usuario, estamos hablando de algún usuario y alguna contraseña. Pero cuando hablamos de acceso basado en NFT, estamos hablando de acceso hecho por tu identidad en una wallet. Y debes firmar un mensaje o firmar que eres el propietario de esta wallet para tener este acceso. Cuando hablamos de firmar algo y probar que somos el propietario, estamos hablando de manejar algunas claves públicas y claves privadas, como imaginar que tienes una cuenta bancaria y solo tú conoces la contraseña. Es algo así. Pero esto es de una manera que, porque está en blockchain, otro punto relacionado con blockchain, blockchain es descentralizado. Significa que no está controlado por solo una entidad. Y de esta manera, podemos estar seguros de que tu cuenta no será bloqueada por una entidad central, por ejemplo. Y esta es la principal diferencia y una de las ventajas de tener cuentas en blockchain. Estamos en un entorno descentralizado. Y puedes estar seguro de que no estamos bloqueados.

No estamos siendo comprometidos por una entidad central. Y, OK. Tengo más que hablar sobre esto para ti. Pero vamos al código. Hagamos esto primero. Y luego podemos entender mejor lo que puedes hacer. Así que esto es lo que estamos usando ahora. React y Next.js para crear nuestra interfaz de usuario. Además, estamos instalando un paquete, llamado VM, para conectarnos a la blockchain. Estamos usando Solidity. Este es el lenguaje para crear contratos inteligentes. Y también, estamos desplegando esto en una blockchain real. Y podemos decir que es una cadena EVME, Ethereum Virtual Machine chain, una blockchain compatible con Ethereum. Y el contrato inteligente en sí, lo construyes. Así que esta es la visión general de lo que estamos haciendo ahora. Así que para seguirme, este es un GitHub. Así que este es el primer punto que debo compartir contigo en nuestro camino. Así que tenemos todo el contenido aquí. Está escrito por especificación para ti también. Y recuerda, si aún no estás aquí, ven a nuestro, únete a nuestro camino. Y aquí, tu nombre, tu ciudad o país. Y me gustaría estar contigo aquí, OK? Y vamos.

Primer paso, debo comenzar primero con la parte de blockchain. Y debo tener una billetera. Recuerda que hablamos sobre billeteras. Hay diferentes tipos de billeteras. Y estamos usando una billetera basada en la web, también. Es una extensión para mi navegador. Estoy usando Chrome ahora. Y estoy en una computadora con Windows, así que ya sabes en qué estoy basado aquí.

Y aquí estamos. Esta es la forma en que puedo instalar mi billetera. Y acabo de desinstalar para hacer todo contigo desde cero. Vamos. Ve aquí. Recuerda, todo estará en el camino. Y también aquí, en la parte de Hello World. Tengo esto relacionado con MetaMask. Y recuerda que debemos usar, debemos tener Node.js y un editor de texto. Estoy usando VS Code, ¿OK? Vamos. Instalemos MetaMask primero. Vine aquí para la descarga. Estoy en Chrome. Así que hagamos clic en Chrome. E instalemos MetaMask en Chrome. Haz clic en Agregar a Chrome. Y agrega la extensión. Espera un poco más. Casi listo.

Se está instalando. Y para mí, es muy importante hacer esto contigo para asegurarme de que no iré tan rápido y no puedas seguirme. Estoy haciendo esto de una manera que puedas seguirme. Así que aquí estamos. Me encanta este zorro saliendo por la ventana. Es tan lindo. Así que estemos de acuerdo con los términos de uso de MetaMask. Y estamos creando una nueva billetera. Así que recuerda, crea una nueva billetera. ¿OK? Y acepta. Este es un punto importante para ti. Como, cuando tienes una cuenta bancaria y si pierdes tu contraseña, puedes llamar al banco y obtener una nueva contraseña, por ejemplo. Pero cuando hablamos de billeteras en blockchain, estamos hablando de tu propiedad. Así que eres responsable de tu billetera. Y no puedes perder tu contraseña. Este es el punto.

Nadie puede ayudarte si haces eso. Así que es muy importante traer la responsabilidad hacia ti y entender lo que estás haciendo. Y esto es lo que MetaMask está diciendo aquí que no pueden ayudarte si pierdes tu billetera también, y tener cuidado con alguna información también. Así que estoy de acuerdo. Estoy creando una contraseña. Ahora estoy creando una contraseña fácil. Y recuerda, MetaMask no puede ayudarme, no puede recuperar la contraseña para mí más tarde. Y crea una nueva billetera. Este es un punto importante ahora. Aseguremos la billetera. ¿OK? ¿Cómo puedo hacer eso? La billetera en sí está hecha por criptografía. Así que tenemos, y esta criptografía, se basa en un conjunto de palabras. Tenemos 12 palabras. Y ahora, revelo estas palabras. No puedes hacer eso. Nunca, jamás reveles tus palabras a nadie. Estoy haciendo esto ahora porque te estoy enseñando. Y espero que no tomes mis tokens más tarde. Te estoy ayudando. Pero de todos modos, no usaré esta billetera más tarde, exactamente porque estoy haciendo esto contigo y compartiendo mi billetera. Así que para hacer segura tu billetera, tú no puedes compartir tu billetera más tarde, ¿OK? Esto es para aprender cómo hacer eso. Pero aquí está. Así que déjame revelar mis 12 palabras y copiarlas. Haz lo mismo y no las compartas con nadie, ¿OK? Y como la copia es, ve al siguiente. Y verifica si realmente sabes, cópialo, y guárdalo en un buen lugar para ti después. Pero ahora, estamos teniendo tokens de prueba en estas billeteras.

Significa que estos tokens no valen dinero real. Y esto está bien. Esta es la forma en que estamos aprendiendo. Pero incluso de esta manera, es importante entender todo lo relacionado con esto. Creo que es la forma de hacerlo. Sí, tengo razón. Yoo-hoo. Ahora mi billetera está creada. Increíble. Vamos al siguiente paso.

Y entonces no necesito hacer esto ahora. Puedes gestionarlo, pero solo cierra esto, ¿OK? Esto es mirar en la parte superior de mi pantalla, cuenta 1. Esta es mi billetera. Esta es la dirección de mi billetera. Copiemos la dirección de la billetera y compartámosla con nuestros amigos. Esto es como la parte pública, tu cuenta, si te gustaría recibir algo de dinero. Estás compartiendo tu número de cuenta con alguna persona. Así que esta es mi dirección de billetera. Estoy copiando, y luego compartiéndola contigo. Y puedo verificar si me gustaría recibir algo de ti. Puedo estar recibiendo en esta billetera. Y también tú, si estás recibiendo algo, lo estás recibiendo en tu propia billetera. Así que comparte tu billetera conmigo.

Y si acabas de llegar, esta es la mascota. Estamos aquí ahora. Increíble. Felicitaciones, Sanka y Mihni. ¿Qué pasó con tu cuenta? Sanka, estás ahí. Sé que estás ahí. Y solo recuerda que debajo de la cuenta uno, tengo la dirección. Y si hago clic, la copio, y luego puedo pegarla aquí. Hey, felicitaciones a todos. Increíble. Estoy tan feliz de que estés haciendo esto conmigo. Estamos creando una aplicación increíble ahora. Hey, Nikita. Estamos aquí. El único enlace que debemos conocer es este.

OK, este es el camino que tenemos ahora. Y te pediré que agregues tu nombre aquí también, y tu país. Y aquí estamos. Estamos en Metamask. Acabamos de instalar nuestra billetera. Y cada paso estarás aquí, y puedes seguirnos. Aquí estamos. Ahora tenemos nuestra billetera. Cerremos algo que no es tan útil ahora. Otro punto aquí, importante. Recuerda que te dije que estamos haciendo esto en una testnet. Una testnet es como una blockchain mainnet, pero es solo para pruebas. Y no tiene dinero real, ni valor real allí. Y es un lugar seguro para que entendamos y aprendamos y no hagamos. Incluso si haces algo mal, no importa porque estás aprendiendo, y esto es normal. Así que habilitemos la testnet aquí. Para habilitar la testnet, debo hacer esto. En Metamask, aquí en la esquina superior izquierda donde tengo la Ethereum mainnet, voy a Mostrar Redes de Prueba. Mostrar Redes de Prueba. Habilito esto. Y luego estoy eligiendo Sepolya. Y aquí estamos. Nuevamente, en la esquina superior izquierda, ve aquí.

Mostrar Redes de Prueba, y elige Sepolya. Selecciona Sepolya. Y aquí estamos.

Otro punto importante es que debemos tener tokens para publicar un contenido inteligente. Y no puedo ayudarte con esto. Tengo una manera de que podamos tener algunos tokens de prueba y luego aprender juntos. Entonces, ¿cómo hacer eso? Vamos a un faucet. Entonces, ¿qué es un faucet? Un faucet es un lugar donde podemos obtener algunos tokens, tokens de prueba, para aprender y desarrollar aplicaciones sin estar en un entorno real. Es un lugar seguro para nosotros. Si no estás haciendo esto en vivo conmigo, puedes usar el faucet de Chainlink para llegar a Sepolya. Debes conectar tu billetera y luego hacerlo. Pero para hoy, tengo uno mejor para ti. Usemos este. Este es un faucet de masterclass que usé solo para las masterclasses. Y esta es la contraseña. No compartas esta contraseña fuera de esta masterclass, por favor. Y por cierto, solíamos actualizar esta contraseña. Así que esto está funcionando ahora. Ve a esto. Este es el faucet de masterclass. Esta es la contraseña. Y aquí estamos. Estoy en el Chainlink Sepolya. Y de la misma manera que pegué mi dirección en el bloc, estoy pegando mi dirección aquí. Así que vamos a obtener mi dirección nuevamente. Y ve al faucet, no a este, al faucet de masterclass y pégala. Y OK. Por ahora, no necesitamos un enlace. Solo estamos obteniendo un poco de él. Y enviar solicitud. Entonces, ¿qué ha pasado ahora? Hay transacciones que envían 0.5 de prueba cada una a mi cuenta, a mi billetera. Y recuerda que te dije antes, blockchain tiene bloques con transacciones. Y podemos tener transacciones para transferir algunos activos. Y esto es lo que está sucediendo ahora. Si cierro esto y reviso mi billetera ahora, puedes ver que tengo 0.5 Sepolya cada uno. Veamos, ¿cómo estás? Es increíble tenerte haciendo esto. Si tienes más personas haciéndolo, por favor agrégalo aquí también. Así que tu nombre, tu dirección. Esta es la forma en que puedo saber si me estás siguiendo o no. Estoy tan feliz de hacer esto contigo juntos. Y si viniste aquí, y la contraseña ya no funciona, usa el faucet oficial. Debes tener una cuenta de GitHub aquí. Así que tenemos más pasos. Debido a esto, prefiero usar el faucet de masterclass ahora. Oh, si tienes este problema, no te preocupes por ello. Porque a veces estamos haciendo esto desde, esta no es la única masterclass que está sucediendo ahora. Si solo actualizas esto, estarás bien. Puedes actualizar e intentar de nuevo. OK, OK, genial. Sigamos adelante. Creo que estamos bien ahora. Así que tengo una billetera. Tengo algunos tokens en mi billetera. Ahora estoy creando mi primer contenido inteligente. Después de eso, estamos creando el frontend para este contenido inteligente. Por cierto, ¿qué es este contenido inteligente ahora? Volvamos aquí un poco, solo para entender lo que estamos haciendo ahora. Así que este es el contenido inteligente que estamos creando ahora. Es un NFT. Como te dije antes, un NFT es un activo digital en una blockchain. Y los NFTs tienen IDs únicos. Significa que el NFT en una colección es único. Y es único en nuestra blockchain. Así que este es el NFT en sí. Y nos gustaría crear un NFT basado en acceso. Así que si tienes el NFT, tienes el acceso. Si no lo tienes, no tienes el acceso. Y por cierto, cuando hablamos de NFTs, NFT significa token no fungible. ¿Y por qué esto es diferente de un token fungible? Un token fungible es como un billete. Imagina un billete de 100 euros. Si cambias un billete por otro billete, es el mismo valor.

Es exactamente lo mismo. Pero cuando hablamos de cosas no fungibles, estamos hablando de cosas que son únicas. Así que si tengo un token que es único, dos tokens no tienen el mismo valor. Incluso no funcionan igual. Es esto. Estamos usando NFTs que son únicos. Y después de que tienen los NFTs, estamos integrando usando React. Así que esta será la segunda parte.

Así que vamos a crear el NFT. Para crear mi NFT, estoy usando otro entorno, un entorno en línea llamado Remix. Así que vamos a Remix. Así que vamos a Remix. Y probablemente es la primera vez que estás usando Remix. Así que hagamos tu Remix mejor. Ve al icono número 4. Y solía contar este primer inicio. Así que 1, 2, 3, 4. Este es el compilador necesario. Y habilita la compilación automática. Esto será útil para ti en el futuro. ¿Recuerdas eso? Icono número 4, Compilador de Solidity. Habilita la compilación automática. Después de eso, vamos al siguiente icono, Deploy Anterior Transactions.

Y allí, debemos conectar nuestra billetera con este entorno para desplegar nuestro smartphone. Puedes ver aquí en el entorno que soy un Remix VM. Este es un simulador de blockchain en la memoria del navegador. Me gustaría actualizar esto y seleccionar el proveedor inyectado. Y puedes ver allí. Y puedes ver el meta-mask allí. Significa que estoy conectando con mi billetera que acabo de instalar.

Y tengo fondos allí para crear mi contrato inteligente. Aquí estamos. Para hacer eso, debo autorizar mi billetera. Así que mi billetera está preguntando, oh, ¿estás autorizando a conectar con este sitio web, Remix? Sí, lo estoy. Así que conectemos. Y aquí estamos. Estoy conectado ahora. Oh. Comenzando a crear nuestro primer contrato inteligente. Así que ahora voy al icono número 2, Explorador de Archivos. Así que 1-2, Explorador de Archivos. Y tengo aquí el botón Crear Nuevo Archivo. Y mi archivo se llama openaccess.sol. Puede ser otro nombre también. Y parece que ya tengo uno. Está bien. Entonces, ¿dónde estoy ahora? ¿Recuerdas que tenemos la caja de Git? Ya hice todo en la parte de hello world, la billetera MetaMask. Y estamos aquí, en el código del Access Token. Y todo este código está en GitHub también. Y puedes ver que estamos aquí. Y este es el contrato inteligente que estoy creando ahora. Así que estamos en Remix. Y este es mi contrato. OK. Vamos. Copio y pego. Y, oh, ¿qué es esto? Esto es cuadrado para mí. Cuando estamos copiando y pegando códigos en Remix, Remix solía alertarnos que debes tener cuidado. Debes conocer y confiar en el código que estás copiando. Y te estoy enseñando para que puedas confiar en mi código ahora. Pero si estamos usando estos otros códigos que encuentras en internet, por favor ten cuidado. ¿OK? Y aquí estamos. Este es nuestro contrato. Y porque habilité la compilación, tengo el botón verde aquí. Mi contrato está hecho. Estoy explicando esto para ti ahora. Entonces, ¿qué tengo en mi contrato? Mi contrato tiene este comando llamado pragma, donde estoy definiendo la versión de Solidity que estoy usando. ¿OK? Así que es 0.8.20. Y diferentes versiones tienen diferentes comportamientos. Así que ten cuidado de no usar una versión antigua. Y estoy usando, estoy importando una biblioteca allí de Open Zeppelin. Open Zeppelin, es una empresa de auditoría que crea algunos contratos inteligentes que podemos importar cuando estamos creando los nuestros y facilita nuestra vida. Así que usemos eso. Estoy importando algún tipo de NFT, el ERC-721. Wow, ¿qué es esto? Vamos a entender esto mejor. Así que cuando hablamos de tokens, también estamos hablando de estándares. Así que un estándar no es algo que realmente debas seguir. Pero un estándar, es una sugerencia para que lo sigas con el fin de tener una mejor comunicación. Así que nuestro NFT es con este estándar, ERC-721. Y añadí aquí cómo es este estándar, cómo es. ¿OK? Y también, puse algunas referencias relacionadas con este Open Zeppelin también. Aprendamos más cómo hacer eso. El resultado de Open Zeppelin es muy útil. Si vine aquí directamente, actualicemos a un mejor enlace para ti. Aquí en el asistente, puedes crear algunos tokens de una manera fácil. Esto está importando Open Zeppelin y ahora el código de Open Zeppelin también. Casi estamos haciendo eso. ¿OK? Cerremos esto y esto, y volvamos a Remix. Entonces, ¿qué tengo aquí? Mi contrato es este tipo de NFTs. Y aquí puedes ver que estoy gestionando los IDs de los tokens. Así que tengo una colección. Este contrato inteligente es una colección de NFTs. NFT tiene un ID único. Y esto hace que el NFT sea único. Aquí estoy inicializando mi NFT. Así que solo estoy definiendo el nombre y el símbolo de mi token. Y tengo una función llamada grant access. Y esta es la función que estoy usando para garantizar que las personas que tienen este NFT, tengan acceso a algo que estoy definiendo. ¿OK? Este es el acceso especial que estoy creando ahora. ¿Y qué es el grant access? El grant access es para crear un nuevo token.

It's mint. Solíamos decir que estamos mintando un nuevo token al remitente, la cuenta, la persona que está llamando a esta función. Y este es el ID único de este activo en la colección. Así que es esto. De hecho, si quitas los comentarios, puedo decirte que nuestro contrato es realmente simple. Nuestro contrato es el mismo aquí. Solo tiene 1, 2, 3, 4, 5, 6, 7, 8, 9 líneas cerrando todo. Así que este es un contrato inteligente fácil para ti. Y esto es genial, porque esta es la mejor manera de aprender es comenzando con un contrato simple. ¿OK?

Nuestro contrato está aquí. Está en verde. Está compilado. Estamos listos para desplegar este contrato. Vamos. Desplegar y ejecutar transacciones. Así que volví al icono número 5 de nuevo. Y en el icono número 5, ahora debo desplegar. Así que vuelve aquí y despliega. Y estoy en el icono número 5 de nuevo. Haz clic en Desplegar. Y si estás haciendo esto conmigo y si te gustaría tener tu token conmigo, yo puedo interactuar con tu token más tarde también. Vamos a desplegarlo. Aquí estamos. Tengo mi contrato. Si desplazo hacia abajo aquí, icono número 5, Desplegar y Ejecutar Transacciones, desplázate hacia abajo hasta que encuentres Desplegar. Y haz clic. ¿Qué estoy haciendo ahora? Remix está creando una transacción que se está enviando a Metamask. Y debo autorizar en mi billetera para desplegar este contrato inteligente. Y cada vez que enviamos una transacción a la blockchain, estamos pagando algo por esto. Lo llamamos una tarifa, una tarifa de gas. Paga en el token nativo. De esta manera, estamos usando este poly8 que obtuvimos antes en el file set. Y esta es la tarifa que estoy pagando ahora. Y estoy haciendo clic en Confirmar. Y esto es. Ahora estoy esperando que esto se confirme. Además, si vengo aquí en el rompecabezas, es peligroso puedo fijar mi Metamask aquí y hacerlo fácil de ver. Y cerrar todo. Y puedes ver que el contrato fue confirmado. Así que mi contrato está creado. Si vuelvo a Remix y desplazo hacia abajo hasta este Desplegarlo, desanclarlo contrato, este es mi contrato. Así que ve aquí. Y aquí puedes copiar la dirección de tu contrato. Así que de la misma manera que las cuentas y billeteras tienen direcciones, los contratos inteligentes también tienen dirección. Así que cada contrato inteligente tiene una dirección única. Y esta es la dirección de nuestro contrato inteligente ahora. Así que la copiaré y la compartiré contigo. Así que si te gustaría hacer esto y compartirlo conmigo también, estaré muy feliz. Y puedo interactuar contigo. Sí, genial. No sé tus nombres. Minhi y Olek y Toh, Kittidis e Ivan. Y Assanta. Bueno, estoy muy feliz por ti. Estoy muy contento de que estés creando tu contrato inteligente y sigas la masterclass conmigo paso a paso. Y si acabas de llegar, recuerda que estamos aquí en este pad colaborativo haciendo todo juntos. Minhi, oh, perfecto, Minhi. Ahora sé cómo pronunciar tu nombre. Así que estoy feliz, Minhi, de que estés haciendo esto. Increíble. Sí, tenemos nuestro contrato inteligente. Y por cierto, es muy importante para ti guardar esta dirección porque la estamos usando en nuestro front end. ¿OK? Sí, comenzando a construir el front end ahora. Así que déjame ir aquí. Este es el punto en el que estamos ahora construyendo el front end. Y estamos usando Next.js para crear nuestro front end. Así que primero que nada, abre nuestro terminal. Vamos. Creo que te tengo aquí. Aquí estamos.

Y me gustaría ir a un lugar específico, y hagámoslo más grande para ti. Me gustaría ir a un lugar específico. Y allí, vamos a crear un proyecto. Así que el comando para crear un proyecto, vamos a ayudarte. Será este. Así que estoy usando este comando ahora. Y ten cuidado. Si necesitas instalar algún paquete, sí, está bien. Lo hice antes, así que no estoy recibiendo este mensaje. Pero estoy comenzando esto ahora. Y el nombre de nuestro proyecto será este. Así que este es el nombre del proyecto. ¿OK? Vamos.

Así que este es el comando que debo ejecutar ahora en mi terminal. Estoy en el terminal ahora. Y el nombre del proyecto, recuerda que te dije, next open token. Este es nuestro nombre de proyecto, next open token. Ahora tengo algunos valores predeterminados aquí, pero estoy usando TypeScript ES. ES linked, sí. Tywin CS en, sí. Directorio Cessi, sí. Afterpay howtair, sí. Personalizar alias de importación predeterminado, no. Y esto es. Así que esta es la configuración que estoy usando ahora. Y se está instalando. Estoy agregando la configuración para ti también. Así que esta es la configuración que estás usando, ¿OK? Y después de eso, ve a tu proyecto. Todavía se está instalando. Si tienes alguna duda, puedes escribir en el chat. Estoy aquí contigo todo el tiempo. Sí, está comenzando. Se está instalando. Se está instalando. Y este es un buen punto, buen momento para volver a nuestras diapositivas un poco más para entender qué está pasando aquí. Así que en unos minutos, estamos creando este CreateWalletClient. Y estás usando Veeam para conectarte con nuestra cuenta también. Y esta será la implementación del front-end. Estamos usando la dirección del token de acceso. Ese es el código inteligente que creaste antes. Y esta será la implementación del front-end cuando crees nuestro componente, ¿OK? Veamos cómo estamos ahora. OK, aquí estamos. Así que voy a mi directorio, mi carpeta ahora. Aquí estamos. Y vamos a instalar Veeam. Y sí. Así que estamos aquí ahora en el GitBook. Estamos instalando Veeam. Aquí, instala Veeam. OK. Y luego, actualiza la configuración de Next. Hagamos ambas cosas. Así que instalando Veeam, es solo este comando. Hagámoslo. Después de instalar Veeam, abriré mi código en el VSCode, esperando la instalación de Veeam, entonces. Y ahora, abramos esto. Abramos esto en el VSCode. Aquí estamos. OK. ¿Dónde estoy? Instalamos Veeam. Y ahora, abro en el VSCode. Con mi proyecto abierto en el VSCode, me gustaría actualizar la configuración de Next y aquí. Y estoy usando algunas imágenes. Así que es importante actualizar aquí para hacer que la URL de mis imágenes sea rastreable. Hago eso. Estoy aquí. Y estoy agregando este dominio allí. Así que esta es una manera de copiar esto directamente. Luego elimina todo y pega. De hecho, es solo esto lo que agregué en el medio.

Esto es para devolver que Next.js puede usarlo para obtener mi imagen. Y no olvides guardarlo. Siguiente paso, debemos crear un archivo dotenv. Porque allí, estamos antes del estilo. Hagámoslo. Vamos a crear un archivo dotenv. Y debes agregar esto en tu archivo. Y después de eso, actualiza la dirección de tu contrato inteligente. Mi turno. Vamos. Crea el archivo dotenv. Aquí estoy. Así que en el directorio principal, crea el dotenv. Está aquí. Luego estoy agregando la dirección del token de acceso público de Next. Y estoy actualizando esta dirección con mi dirección de contrato inteligente. Vamos a obtener mi dirección de contrato inteligente. Estoy contento de tenerla aquí en la ruta. Aquí estamos. O puedes obtenerla directamente en Remix. Es lo mismo. Y actualízala aquí. Aquí está. Nada. Guarda el archivo. Y recuerda, creé el archivo dotenv con esta configuración. Este es mi contrato inteligente. ¿OK? Genial.

Siguiente. Podemos iniciar el servidor. ¿Cómo puedo iniciar el servidor? Por ejemplo, aquí en el VSCode, voy al terminal. Así que vamos a un nuevo terminal. Y luego, estoy usando el npm run. Puedes ver aquí, abajo. Y está iniciando el servidor. Vamos a pegar esto para ti también. Entonces, ¿qué estamos haciendo ahora? Aquí. Así que estamos iniciando el servidor. ¿OK? En esta página. Perfecto. OK. Cuando veas que está listo, ve aquí. Es mío. Correcto. Ahí lo tienes. Está listo. Puedes ver aquí, que está listo. OK. Así que puedo ir al localhost y ver mi sitio web. Vamos a cerrar las marcas que no estoy usando. Si alguien está aquí. En unos minutos, tendré mi sitio web listo aquí. Veamos qué ha pasado. Puedes ver que está compilando. Y si tienes alguna duda, por favor házmelo saber. Escribe en el chat. Estoy aquí para ayudarte, y para asegurarme de que puedas hacer esto conmigo. Compilando, compilando. OK. Probablemente esté hecho. Veamos. Sí. Este es mi sitio web ahora. Nada relacionado con mi acceso aún, pero de vuelta. Construye nuestro proyecto. Así que siguiente paso. Veamos qué está pasando. Siguiente paso. Vamos a estilizarlo. Hagamos algo de estilo.

La idea es ir a la aplicación de búsqueda. Y estamos actualizando este archivo de verdad. Y puedo seguir el GitHub. Así que aquí estás, global CSS. Así que copia esto y reemplaza el contenido. ¿Dónde está? Busca la aplicación, global.css. Hagamos un Control A para seleccionar todo y eliminar. Ahora pega el contenido que obtuve allí y guárdalo. Debo hacer lo mismo con el layout.

Así que eliminemos todo primero. Ve aquí. Hice un global. Así que desplázate un poco hacia abajo. También puedes ver el layout. Sí, debe estar a la derecha. Copia. Y haz lo mismo. Aquí estamos. Veamos si hay algo cambiando en nuestro proyecto. Sí. Sí. El color cambió ahora. Está bien. Mini, sí. Debemos tener node al mínimo es 18.17. Sí. Lo siento por eso. Puedes intentar instalarlo ahora. No hay problema. Esto está hecho.

Es hora de añadir las constantes. Así que aquí estamos. Ahora voy a través de la parte de añadir las constantes. Vamos aquí. Nada de nuevo. La vista está en el front end. Estamos aquí. Recuerda. Y sí, a veces esto puede ayudar. No te preocupes. Y añadiendo las constantes. Aquí estoy. ¿OK? Así que debo crear esta constante abis.cs. Y así si voy aquí a la aplicación de búsqueda y creo de esta manera estoy creando directamente la carpeta y el archivo. Veamos.

Vamos. Estoy aquí. Y estoy en la aplicación. Ve al nuevo archivo. Constants abis.cs. Y aquí estamos. Tengo la carpeta. Tengo el archivo. Luego puedo copiar desde aquí el contenido de mi archivo. ¿Es esta copia? Vuelve aquí. Pega. Y guarda. Está hecho. Ahora estoy creando en esta misma carpeta, estoy creando la imagen. ¿Cómo puedo hacer eso? Aquí que estoy directamente en las constantes ahora. Vamos a crear el images.cs. Vamos. Estoy aquí. Images.cs. Y luego puedo desplazarme un poco hacia abajo. Y este es el images.cs. Copia. Pega. Y puedes ver aquí que tengo una imagen base, una URL de una imagen base, y de una imagen VIP. Y este es el acceso que estamos haciendo ahora.

De la misma manera que estoy actualizando, puedes tener tu acceso básico o un acceso VIP. Puedes desbloquear cualquier tipo de contenido con esto usando el NFT de esta manera. Y las imágenes vinieron del ET. Así que veamos la imagen. Vino aquí. Puedes ver una y la otra, no aquí. Vino aquí. Es una de las imágenes también. No hay imagen por ahora. Esta es una de ellas. Así que tenemos dos imágenes por allí.

Y ahora es el momento de hacer la conexión con la blockchain. Estamos creando el cliente de wallet. Crear. Así que vamos aquí ahora. Crea el cliente de wallet. Así que estoy en esta parte del Gitbox. Crea el cliente de wallet. Así que en este primero, estoy creando el lippwalletclient.js. En búsqueda, crea esto. Vamos. No en F, en búsqueda. Ahora estoy en búsqueda. Crea la carpeta lipp. Y luego el walletclient.js. Aquí estamos. Esto ahora tiene app y lipp, Wallet Clients. Por allí, copiemos el contenido. Así que este es el cliente de wallet. Y debo explicar muy bien este código para ti. Esto es importante. Vamos a entender esto.

Entonces, ¿qué tengo aquí? Primero que nada, recuerda que instalamos VIM para conectar con nuestro wallet. ¿OK? Aquí estoy importando el create wallet client desde VIM, también el custom. Y estamos en Sepoia. Así que estamos diciendo que estamos importando la red Sepoia. Y esta ventana VIM, es un componente importado que hace la conexión con el wallet. ¿OK? Tenemos esta función para hacer la conexión en sí. El transporte, revisa esto. Este es un estándar antiguo de blockchains que usamos para conectar a wallets, el window.Ethereum. La mayoría de las partes de los clientes Web3 wallets, tienen este window.Ethereum. ¿OK?

Si no lo tenemos, tenemos un error que debemos instalarlo. Ya lo instalamos, así que estamos bien ahora. Esto, después de instalar, después de conectar y, como, identificar tu wallet, debemos hacer la conexión en sí. Así que creamos un componente que es la wallet en Sepoia con esa conexión usando nuestra wallet Web3. ¿OK? Y esto es. Este es el componente para conectar nuestro front-end con la wallet que instalamos antes, la wallet metamask. Creo que debo guardar algo aquí. Y esto. Perfecto. Siguiente.

OK. Es hora de crear el contenido controlado por acceso. E imagina que puedes ser cualquier cosa que te gustaría tener. Así que crea el contenido controlado por acceso. En el futuro, puede ser algún acceso exclusivo que te gustaría hacer. Este es el punto. Este es el acceso. Así que con esto, ¿qué estamos haciendo ahora? Estoy volviendo a la app. Y estoy creando la carpeta de componentes y la vista controlada por acceso. Así que hagámoslo. Y estamos en este punto ahora, ¿OK? Exactamente esto, crear el contenido controlado por acceso. Así que vamos a crear esto. Y aquí, abre aquí, y debo estar en la app ahora, no en la biblioteca. Entré en la app. Nuevo archivo. Pegar. Y puedes ver que ahora en la app, tengo el contenido, tengo los componentes. Acabamos de crear esto ahora. Dentro de los componentes, tengo la vista controlada por acceso. Y vamos a pegar el contenido allí. Aquí estamos. También entré en el Gitbook. Y copié el contenido. Y copié el contenido. Pegar. En mi VS code. Aquí estamos. Vamos a entender esto, lo que tienes. Estás usando cliente. Esto es básicamente en Next.js. Estás usando la imagen para seleccionar entre la imagen básica y la imagen VIP. Recuerda que hicimos esto antes. Esta es la clave para nosotros. Debemos descubrir si el usuario tiene acceso o no. Si se le concede el acceso o no, basado en el NFT. Así que si se concede, estamos devolviendo la imagen VIP. Si no, tenemos la imagen básica. Es esto. Esta es la vista controlada por acceso que tienes en unos minutos. Sigamos adelante. Y debemos crear ahora. Debemos verificar el token de acceso. Este es el punto clave. Entonces, ¿cómo puedo hacer eso? Y recuerda que puedes seguir el Gitbook directamente. Y voy a pegar algunas partes en el pad para ayudar. ¿OK? Pero estoy aquí ahora. Verificando el token de acceso. ¿Cómo puedo hacer eso? En los componentes, ahora estoy creando la vista de concesión de acceso. Hagámoslo. Así que aquí estoy en la carpeta de componentes. Y crea la vista de concesión de acceso. Vamos a copiar el contenido, esto es. Luego pega aquí. Y vamos a explicarte lo que tengo aquí. Así que aquí estamos. Puedes ver que estoy importando el VM. Pero esta es la parte importante. Estoy conectando mi wallet. Estoy importando el cliente de wallet. Estoy obteniendo el acceso, las APIs.

Veamos un poco la API. API, es la application binary interface. Y esta es una parte de nuestro smart contract donde tenemos las definiciones del smart contract en sí. Así que si vuelvo aquí, y obtengo la parte de constantes a la API, puedes ver que la API tiene toda la información que necesito para acceder a alguna función dentro de mi contrato. Mi contrato tendrá algo como un balance dot. Esta es una función de lectura. Y deben tener la dirección allí. O tengo la concesión de acceso. Esta es la función de escritura. Estoy escribiendo una transacción. Y no necesito pasar ningún parámetro allí. Así que estas son las cosas que debo tener en la API para conectar, para comunicarme con mi smart contract.

Y volvamos aquí en la vista de concesión de acceso. Y allí, puedes ver que también estoy importando la vista de control que está mostrando la imagen VIP o la imagen básica. Y solo estoy controlando el estado de todo aquí. Y aquí puedes ver que estoy usando el acceso al smart contract la dirección de mi smart contract. Si no, tenemos esto que fue desplegado antes. Puedes usar eso también. Y estamos haciendo la conexión primero. Y también obtendré la información allí. Aquí es para conceder acceso. Podemos conectar. Podemos conceder acceso. Y parece que esto está bien. Sigamos adelante.

Ahora es el momento. Casi hemos terminado. El último punto es actualizar la página principal. Hagámoslo. ¿Cómo puedo actualizar la API? Me gusta esto. Sí. Oh, también me gusta esta imagen. Veamos tu imagen. Oh, qué linda. Me encanta tu imagen. Sí, me gustas. Sí, tal vez puedas cambiar. Puedes usar esta imagen. Es tan linda. Tan linda. Me encanta. Y de hecho, cambiaré la mía. Realmente me encanta. No está cambiando nuestro GitHub, pero puedo cambiar aquí. Es linda. Y me encanta cuando los estudiantes como tú están interactuando conmigo. Es tan lindo. Así que volvamos.

Debemos actualizar nuestra página principal, la page.cfx. Aquí estamos. De hecho, lo mejor es eliminar todo y luego actualizar el nuevo contenido. Es fácil. Ve allí. Actualiza la página principal. Solo tenemos esto ahora. Vamos a entender qué tenemos aquí. Entonces, ¿qué tengo aquí? Estoy importando mi contenido principal. Todo está en este componente, la vista de otorgar acceso. Y es solo esto. Estoy haciendo algo de estilo y vista de otorgar acceso. Está hecho. Veamos si está funcionando. Dedos cruzados. Vamos. Tal vez deba actualizar. Probablemente sí. Sí, también lindo. Me encanta. Y OK, estamos esperando. No tenemos acceso. ¿Qué podemos hacer ahora? Primero que todo, conectemos nuestra wallet para descubrir si tienes acceso o no. Tal vez incluso conectando aún no tengas acceso porque no tienes el NFT. Vamos. Conectar wallet. Y puedes ver aquí que estoy conectando mi wallet. Y como hicimos con Remix, estamos haciendo con nuestra aplicación ahora. Así que estamos autorizando nuestra aplicación para interactuar con nuestra wallet. Este es el objetivo. Y veamos. Probablemente estoy conectado. Para estar seguro de que estoy conectado, puedo venir aquí y cerrarlo. Sí, no necesitamos esto ahora. Pero aquí puedes ver que tengo un botón verde allí, y la cuenta uno está conectada. Es un poco pequeño, pero creo que puedes ver. OK, estoy conectado. Aún no tengo acceso. ¿Qué estoy haciendo ahora? Oh, estoy conectando a la cuenta. ¿Qué estamos haciendo ahora? Cualquier otorgamiento de acceso. Imagina que puedes tener algunas condiciones para hacer esto. Tal vez debamos pagar. Tal vez tu acceso esté basado en el tiempo, y tengas un acceso de un mes, o un acceso de un año, o un día. O para tener acceso, debemos tener otro NFT, lo que sea. O nos gustaría estar seguros de que tienes acceso, y debemos tener este NFT, y también verificar el clima en tu ciudad, y verificar alguna API que no esté en blockchain. También es posible. Pero hagamos esto. Debemos otorgar acceso justo ahora. Hago clic en el botón de Otorgar Acceso, y ahora puedes ver que estoy enviando una transacción a la blockchain. He otorgado mi wallet. Solo estoy autorizando mi aplicación para interactuar con la wallet. Ahora estoy enviando una transacción a la blockchain para acuñar un NFT. Y este NFT, me da acceso a este contenido. ¿OK? Confirmar. Debo esperar. Mi transacción será confirmada. Y de nuevo, ciérralo. Está confirmado. Puedes ver aquí una interacción de contrato confirmada. OK. Así que si vine aquí, no estoy actualizando nada automáticamente. Así que si vine aquí y actualicé mi sitio web ahora, mi aplicación, estoy de vuelta. No estoy actualizando nada. No estoy actualizando nada. Actualiza mi sitio web ahora, mi aplicación. Debo conectar la wallet de nuevo. Conectemos. ¡Sí! Ahora no necesito más el otorgamiento de acceso, y soy VIP. Tengo acceso a contenido increíble que no podía ver antes. E imagina qué tipo de contenido te gustaría compartir con nuestra audiencia.

Podemos usar esto para crear cualquier tipo de cuenta. Esta es una nueva forma de acceder al contenido, de crear cuentas. Y creo que esto es realmente, realmente genial. ¿Y qué pasa si tengo otra wallet? Veamos. Me gustaría cambiar mi wallet ahora. Entonces, OMETA Mask. Cuando tengo la cuenta 1, en la flecha hacia abajo, puedo agregar la cuenta y agregar una nueva cuenta. Llamémosla Cuenta 2. Crear. Y esta es la Cuenta 2, y ni siquiera la tengo separada. No tengo nada aquí. Y si entro aquí, puedo ver que la Cuenta 2 no está conectada. Así que veamos aquí. Puedes ver que no está conectada. Y vamos a conectar a la wallet. Pero parece que está conectada con mi primera cuenta. Sí, debo conectar. Sí, debo conectar también con la segunda cuenta. Estoy conectado. Si actualizo de nuevo, puedes ver que esta cuenta no tiene acceso a este NFT. E incluso no puedo tener acceso porque no tengo ningún token en esta wallet. Así que nada por ahora. Pensemos en el futuro cómo puedes dar acceso y tokens a alguien nuevo que está comenzando y aún no tiene tokens. Podemos hacer eso. Pensemos en el futuro.

Otro punto que me gustaría hacer, me gustaría acceder a tu token, no al mío. Veamos. Así que si regreso aquí y obtengo tu contenido, como significando que estoy usando tu contenido ahora. Esto es tuyo, no mío. Así que si vine aquí y voy al .env y uso tu contenido ahora, no el mío, guárdalo. También me gustaría ir a mi cuenta 1 que al menos tengo dinero allí. Tengo algunos tokens. Y actualiza aquí. Conéctate a mi wallet de nuevo. Y puedes ver que estoy en el mini NFT ahora. No es mío. Así que su contenido está controlando el acceso. Ya no es mi contenido. Así que puedo hacer clic en conceder acceso. Y estoy acuñando un NFT que no es mi NFT sino su NFT. Y tenemos esto funcionando localmente. Pero imagina que si tienes esto, me sentiré público con esto. Podemos interactuar con los demás también. Veamos. Probablemente es confinamiento. Conectar. Y sí, ahora soy VIP en el contenido de Mini también. Oh. Muy genial. Muy genial. Esto es interesante porque viste que incluso puedo acceder al contenido de otras personas también. Y Mini está en USA. Yo estoy en Ámsterdam ahora. Estoy en los Países Bajos. Y puedo acceder a esto alrededor del mundo. Así que esto es muy genial. Y si tienes alguna duda, házmelo saber. Y voy a seguir adelante con el contenido. Tengo un poco más para compartir contigo.

Así que un resumen de lo que hicimos. Este es el NFT. Esto es tan básico, tan fácil. Recuerda que esta es la versión de Solidity importando una biblioteca que está auditada, en la que podemos confiar. Crea nuestro contenido importando esta biblioteca. Gestionarlo para tener IDs de tokens únicos. Crear el nombre y el símbolo de nuestro token. Y tener la función de concesión de acceso gestionando los IDs y la acuñación de los tokens. Puedes crear el acceso revocado. Puedes hacer otras cosas más tarde con esto. Pero este es nuestro contenido inteligente básico. Y este es Solidity, el lenguaje que puedes usar para crear contenido inteligente en blockchains EVME, blockchains compatibles con Ethereum. Y esta es la forma en que interactuamos. Así que tenemos el cliente de wallet para hacer la conexión en sí. Y esta fue la implementación del front-end donde estamos obteniendo la dirección de nuestro contenido inteligente, publicarlo y obtener todo dentro de eso. Y el front-end, este es el punto clave para descubrir si va o no, el acceso.

Y oh, tengo una pregunta aquí de Alec. Oh, Alec, sí. Oh, sí. Alec, tal vez depende del tipo de aplicación. Hacer cosas para tener estas en Ethereum mainnet solía ser más caro. Estoy totalmente de acuerdo contigo. Pero de la misma manera, cuando hablas de blockchains, tenemos muchas de lo que llamamos las layer 2s que son otras blockchains que son más rápidas. Son realmente, realmente más baratas, como 100 veces menos que Ethereum. Y puedes usar este tipo de blockchains y tener solo alguna validación en Ethereum también. Así que hoy, hay muchas soluciones para usar blockchains de una manera muy económica. Sí, y este es un comentario realmente asombroso, Alec. Tienes mucha razón. Pero tenemos soluciones para hacer eso, y es cada vez más fácil usar blockchains, al menos otras blockchains.

Bien, y vamos a ver esto en vivo. Tenemos un diferente, así que si vinieron aquí, estaría aquí para ti. Vamos al final. Y tengo esto público aquí para ti. Y puedes ver que esta es la imagen antigua, y el código está aquí también. Tenemos un botón extra con el código porque está en vivo. Y puedo conectar mi wallet aquí. Y mi wallet no está... Creé esta wallet con pocas vidas, así que es totalmente nueva. Y probablemente puedo refrescar. Oh, no estoy conectado. No te preocupes. Conceder acceso. Ahora estoy acuñando el token a mi wallet. Y después de eso, veamos si soy un VIP en la aplicación real. Está pendiente, así que aún no está confirmado. Debemos tener este acceso aquí para tenerlo confirmado. Y tengo uno aquí, otro en el chat. Así que puedo hablar contigo. Está confirmado. Así que vamos, refrescar. Conectar. Y qué hice mal. Tendrías razón. Vamos a refrescar de nuevo, porque probablemente lo hice. Creo que tengo el acceso. Pero creo que lo tengo... Cuando estoy usando la aplicación real, tengo algunos problemas con el caché, y no pude realmente refrescar esto. Veamos si mi wallet está conectada. Ah, probablemente tuve algunos problemas con la conexión entre esto y los otros. Porque ambos son lo mismo, tal vez. Veamos. Puedo quitar mi conexión aquí. Esto conectado. Bien, ya no estoy conectando. Veamos si ahora puedo darle el acceso, el acceso correcto, sí. Ah, ahora sí. Bien. Ahora puedo hacer la concesión de acceso de nuevo. Bien. Refrescar, conceder. Creo que aún no está gastando. Esperemos esto. Y bien, de todos modos, vamos un poco más adelante. ¿Cuáles son las posibilidades de esto? ¿Qué crees que puedes hacer con esto? ¿Tienes alguna idea? Presentaré algunas posibilidades para ti primero. Esto es en unos minutos. Así que, algunos ejemplos relacionados con esto. Tengo algunos aquí. Imagina, ¿sabes que la NBA usó NFTs para crear algunos NFTs dinámicos y esto es para cada jugador en el playoff de la NBA 2022? Y esto fue una colección de NFTs. Así que, imagina que puedes usar esto con 240 jugadores y tenemos 30,000 NFTs, y esto fue realmente, realmente genial con los jugadores. ¿Y qué tal algunos monstruos, hablaré sobre el pez un poco más tarde, bien? No te preocupes por eso. Entonces, ¿qué tal un juego con monstruos, monstruos lindos, creo. Me gustan. Son tan lindos, pero son monstruos. Y agregué el enlace aquí que este es un caso de uso para ti, cómo usan los NFTs también. Y esto es tan interesante para ti también. Y también, ¿qué tal usar esto en bienes raíces? ¿Pensaste en eso? Y tengo aquí como un artículo para ti y puedo ver cómo puedes tener un bien raíz tokenizado.

Y es interesante cómo puedes hacer eso. Es como un NFT. Entonces, los NFT son tokens únicos. Así que, poseer el NFT puede ser poseer la propiedad o transferir el NFT puede hacer algo en la propiedad de la propiedad, o puedes tener algunas partes críticas como la dirección o un identificador único en el país, algo así. E incluso un punto importante, cuando hablamos de NFTs, los NFTs pueden ser dinámicos. Imagina que eres un NFT, yo soy un NFT. ¿Y por qué eso? Somos únicos, tenemos un ADN único, pero no somos iguales. Estamos envejeciendo día a día. Espero no engordar, no cambiar demasiado, pero cambiaría. Y yo soy un NFT dinámico también. E imagina que cualquier persona puede ser representada como un NFT e incluso tener una identidad única. Y hablando de identidad única, imagina que podemos tener diferentes tipos de identidades como solíamos decir que son los NFTs de vínculo único. Este es otro estándar donde no podemos transferir los tokens no funcionales o tenemos algunas reglas. Como si es tu identidad, no puedes transferir tu identidad a otra persona. Así que podemos tener diferentes tipos de NFTs.

Bien, solíamos decir que son el alma del usuario. Bien, y no son transferidos. Así que este es un tipo diferente de NFT también. Y veamos qué más tengo relacionado con el acceso. Oh, tengo uno más para compartir contigo que tal vez te interese. Puedes ver este artículo más tarde relacionado con los NFTs para activos del mundo real. Estamos hablando de esto mucho en los New Times y todos los tipos de activos del mundo real que puedes tener en aplicaciones como coleccionables físicos, no solo relacionados con el arte sino con otras cosas también. Esto es interesante para ti. Y veamos qué más es esto. Me gustaría compartir un enlace más contigo relacionado con los coleccionables también, cómo las marcas están usando NFT. Algunas marcas aquí, ya te dije algo relacionado con esto. ¿Y qué más? Bien, mi última, casi última diapositiva. Estoy casi terminando. Así que volvamos aquí. Si te gustaría aprender más, acabo de añadir muchos enlaces para que aprendas. Y también puedes ir a nuestro centro de desarrolladores, puedes ver algunos casos de uso allí y videos y más tutoriales. Y tenemos algunos bootcamps, comenzando desde cero para principiantes, más no relacionados con la parte de front end en la que estamos en la conferencia de React en la conferencia de JavaScript. Así que eres experto aquí, pero la otra parte puedes aprender más. Así que relacionado con el tema de blockchain, puedes aprender más en los bootcamps. Y volvamos y hablemos de esto. ¿A dónde va la tesis? Así que cuando hablamos de blockchain, la blockchain tiene las transacciones en los bloques. Así que para que estas transacciones estén en el bloque, debemos tener a alguien validando las transacciones. Solíamos decir que tenemos computadoras, los nodos que están validando las transacciones. Y tenemos personas detrás de los nodos, gestionando los nodos. Así que los nodos deben recibir algo para validar la transacción. Y esta es la tarifa. Así que pagamos a un validador de nodos, obtener la transacción y añadir la transacción dentro de un bloque en la blockchain. Antes, ¿viste que tenía algunas transacciones que tenía alguna transacción que estaba pendiente? En ese momento en que la transacción está pendiente, la transacción está en la blockchain, pero está en el main pool. Es como un área de espera, y esperando estar en un bloque. Para estar en un bloque, el validador de nodos, obtienes mi transacción, y verificas si mi transacción es válida. Estoy haciendo algo que realmente puedo hacer en la blockchain. Estoy tratando de gastar el mismo token dos veces.

Estoy tratando de desplegar tanto contenido de una manera que no se compila de manera exitosa. Estoy haciendo algo mal. El validador está verificando eso antes de añadir mi transacción dentro de la blockchain. Y si el validador añade una transacción no válida en la blockchain, será penalizado. Y para asegurarnos de que cuidará de nuestra transacción, debemos pagar una pequeña tarifa para hacer eso. Bien, es una pequeña tarifa, pero como Ethereum es la blockchain más antigua con contratos inteligentes, y no es la más barata ahora. Pero como dije antes, tenemos algunas capas dos.

Es como otras blockchains, son más rápidas, más baratas, que hacen una validación en Ethereum, pero ellas mismas no son Ethereum directamente. Son compatibles. Y son más baratas, así que es bueno usarlas también. Y puedes informarte sobre cualquier tipo de blockchains compatibles con EVM.

Bien, pero esto es... La tarifa va al validador de nodos. Este es el punto.

Bien, y casi terminando aquí. Así que esta es la presentación. Mantengamos esto unos segundos aquí para que puedas copiar esto. Y te extraño aquí. Si tienes más preguntas. Estoy esperando tus preguntas. Una cosa que me gustaría decir es, muchas gracias por estar aquí conmigo. Y especialmente por hacer la masterclass conmigo. Realmente me encanta tener personas interactuando conmigo durante las masterclasses. Realmente me hace feliz y siento que estoy haciendo una diferencia en nuestra vida porque estamos aprendiendo algo juntos. Y puedes ver aquí que también estoy dando agradecimientos especiales a Richard y Valentina porque me ayudaron a crear esta presentación y esta masterclass. Solía viajar por el mundo para ir a conferencias de blockchain, para hacer masterclass en muchas conferencias. Y a veces tengo personas que me ayudan a crear el material y me ayudaron aquí. Y estoy muy agradecido y agradecimientos especiales a ellos también. Y esto es, espero verte por ahí. Si estás en Ámsterdam, si estás en persona en la conferencia, tengo algunas charlas. Tengo una charla el jueves y otra charla el viernes. Siéntete libre de venir a hablar conmigo y estar en la vida real también. Y esto es, adiós.