CursosEmpresasBlogLiveConfPrecios

Despliegue de PlatziPunks en IPFS

Clase 19 de 23 • Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Clase anteriorSiguiente clase

Contenido del curso

Introducción al desarrollo con Web3.js
  • 1
    Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

    Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

    03:20
  • 2
    Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

    Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

    04:30
Qué es Web3.js
  • 3
    Comunicación Frontend-Backend en Aplicaciones Blockchain

    Comunicación Frontend-Backend en Aplicaciones Blockchain

    09:43
  • 4
    Uso de Web3 para Interactuar con la Blockchain Ethereum

    Uso de Web3 para Interactuar con la Blockchain Ethereum

    09:43
  • 5
    Construcción de Aplicaciones Web3 con React y MetaMask

    Construcción de Aplicaciones Web3 con React y MetaMask

    14:08
  • 6
    Actualización sobre testnet en Ethereum

    Actualización sobre testnet en Ethereum

    01:52
Desarrollo frontend con Web3.js
  • 7
    Administrando la conexión a Metamask

    Administrando la conexión a Metamask

    12:37
  • 8
    Configurando Web3-React

    Configurando Web3-React

    21:30
  • 9
    ¿Qué es un ABI?

    ¿Qué es un ABI?

    05:44
  • 10
    Instanciando el contrato de PlatziPunks

    Instanciando el contrato de PlatziPunks

    14:07
  • 11
    Previsualizando tu PlatziPunk

    Previsualizando tu PlatziPunk

    11:54
  • 12
    Habilitando el mint de PlatziPunks

    Habilitando el mint de PlatziPunks

    15:54
  • 13
    Creando la galería de PlatziPunks

    Creando la galería de PlatziPunks

    20:43
  • 14
    Detalle de PlatziPunk

    Detalle de PlatziPunk

    12:37
  • 15
    Transfiriendo un PlatziPunk a otra cuenta

    Transfiriendo un PlatziPunk a otra cuenta

    15:24
  • 16
    Filtrando los PlatziPunks por cuenta

    Filtrando los PlatziPunks por cuenta

    20:38
Despliegue de la aplicación
  • 17
    InterPlanetary File System

    InterPlanetary File System

    06:48
  • 18
    Usando IPFS e Infura para subir contenido no censurable

    Usando IPFS e Infura para subir contenido no censurable

    11:41
  • 19
    Despliegue de PlatziPunks en IPFS

    Despliegue de PlatziPunks en IPFS

    09:55
  • 20

    Despliegue de Aplicaciones en Fleek usando IPFS y ENS

    02:29
  • 21
    Ethereum Name Service

    Ethereum Name Service

    04:04
  • 22
    Registrando nuestro ENS y vinculando a PlatziPunks

    Registrando nuestro ENS y vinculando a PlatziPunks

    11:50
Sigue desarrollando
  • 23
    Recapitulación de lo aprendido con el proyecto PlatziPunks

    Recapitulación de lo aprendido con el proyecto PlatziPunks

    03:42
    Jonathan Vergara Ruiz

    Jonathan Vergara Ruiz

    student•
    hace 3 años

    para poder desplegar en INFURA necesitamos agregar el PROJECT_ID:API_SECRET del proyecto. asi que el en sh tenemos que agregar un flag mas en el script el flag es -u.

    #!/bin/bash cd ./build FILES=$(find * -type f | awk -v q="'" '{print " -F " q "file=@\"" $0 "\";filename=\"" $0 "\"" q}') curl "https://ipfs.infura.io:5001/api/v0/add?pin=true&recursive=true&wrap-with-directory=true&cid-version=1" -vv -X POST $FILES -u "<PROJECT_ID>:<API_KEY_SECRET>" cd ..

    Tambien tenemos que crear un nuevo proyecto de INFURA con la caracteristica que la network sea IPFS

    Captura de pantalla (1).png
    las llaves se encuentran en en el key manager
    Screenshot 2022-11-15 180206.png
    Juan Carlos Leandro Diaz Zegarra

    Juan Carlos Leandro Diaz Zegarra

    student•
    hace 4 años

    Si alguien tiene el siguiente error =>

    <sh deploy.sh FIND: formato de parámetros incorrecto>

    prueben desde otra terminal como Git Bash

    Kevin Fiorentino

    Kevin Fiorentino

    student•
    hace 3 años

    Dejo mi app En este caso, personalicé bastante la aplicación, le cambié el nombre y agregué algunas páginas extras. También la desplegué en Heroku.

      José Marchini

      José Marchini

      student•
      hace 3 años

      Hola Kevin con un grupo de amigos vamos a participar en la hackaton de Near que sera dentro de una semana, durara 2 meses y repartira 1 millon de dolares en premios, ya tenemos el proyecto, nos hace falta un Frontend Developer, si estas interesado escribeme al whattsap: +39 3517838930 o al telegram @Alonsobit

    Luis Berenguer

    Luis Berenguer

    student•
    hace 4 años

    Aquí está mi app desplegada en IPFS:

    Luis Punks

    Jimmy Buriticá Londoño

    Jimmy Buriticá Londoño

    student•
    hace 4 años

    Platzi Punks

    Les comparto el link de Platzi Punks

      Luis Berenguer

      Luis Berenguer

      student•
      hace 4 años

      Ya tienes uno más🤭

    Darwin Quintana

    Darwin Quintana

    student•
    hace 4 años

    Que pasa cuando se quiere actualizar el codigo? Seria un hash diferente como es el caso de los contratos?

      Rodrigo Ramos Xochiteotzin

      Rodrigo Ramos Xochiteotzin

      student•
      hace 3 años

      Es correcto. El contenido del input cambia, el resultado en el output también.

    Mario Sanchez Jaramillo

    Mario Sanchez Jaramillo

    student•
    hace 3 años

    No tuve ningún error con el build ni subirlo a IPFS, pero por alguna razón la página carga solo el nav-link y la wallet. Cual podría ser el error más probable? algo en el Build?

    Andrés Muñoz

    Andrés Muñoz

    student•
    hace 4 años

    Puede generar algún problema que todos los archivos del front estén públicos en ipfs ?

    Dany R

    Dany R

    student•
    hace 3 años

    Comparto mi proyecto use otras herramientas como: Next, ethers.js, entre otras. Mi proyecto solo funciona en la red sepolia y el mint tiene un costo 0.001 ETH

    Devi Chaves Rodriguez

    Devi Chaves Rodriguez

    student•
    hace 3 años

    PlatziPunk 2023

    Brenda Saavedra

    Brenda Saavedra

    student•
    hace 3 años

    👏🏽 Excelente aquí mi proyecto

    Luis Alejandro Mongua

    Luis Alejandro Mongua

    student•
    hace 3 años

    https://bafybeiazduionozwfpprcyshvbfeqwptoundy5v4wxzs6vqiinxjffj63u.ipfs.infura-ipfs.io/

    Oscar Guadalupe Pérez Ayuso

    Oscar Guadalupe Pérez Ayuso

    student•
    hace 4 años

    Si alguien tiene el error al intentar hacer el build

    "TypeError: MiniCssExtractPlugin is not a constructor"

    solo es agregar la siguiente linea al package.json

    "resolutions": { "mini-css-extract-plugin": "2.4.5" }

    Link original: https://github.com/facebook/create-react-app/issues/11930 Link de PlatziPunks: https://bafybeigyrn6v6uy7dnwprs2nelczzoytakwbmo5jbfvu2hdousavhlac2e.ipfs.dweb.link/#/

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads