Despliegue de PlatziPunks en IPFS

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Contenido del curso

Introducción al desarrollo con Web3.js

1
Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS
03:20 min
2
Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask
04:30 min

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando

23
Recapitulación de lo aprendido con el proyecto PlatziPunks
03:42 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:55

Despliegue de PlatziPunks en IPFS

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Clase 19 de 23

Clase 19 / 23

Comentarios (13)13 comentarios

Jonathan Vergara Ruiz

Hace 4 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

las llaves se encuentran en en el key manager

Juan Carlos Leandro Diaz Zegarra

Hace 5 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

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

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

Aquí está mi app desplegada en IPFS:

Luis Punks

Jimmy Buriticá Londoño

Platzi Punks

Les comparto el link de Platzi Punks

Ya tienes uno más🤭

Darwin Quintana

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

Rodrigo Ramos Xochiteotzin

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

Mario Sanchez Jaramillo

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

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

Dany R

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

PlatziPunk 2023

Brenda Saavedra

👏🏽 Excelente aquí mi proyecto

Luis Alejandro Mongua

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

Oscar Guadalupe Pérez Ayuso

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/#/

Introducción al desarrollo con Web3.js

Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

Qué es Web3.js

Comunicación Frontend-Backend en Aplicaciones Blockchain

Uso de Web3 para Interactuar con la Blockchain Ethereum

Construcción de Aplicaciones Web3 con React y MetaMask

Actualización sobre testnet en Ethereum

Desarrollo frontend con Web3.js

Administrando la conexión a Metamask

Configurando Web3-React

¿Qué es un ABI?

Instanciando el contrato de PlatziPunks

Previsualizando tu PlatziPunk

Habilitando el mint de PlatziPunks

Creando la galería de PlatziPunks

Detalle de PlatziPunk

Transfiriendo un PlatziPunk a otra cuenta

Filtrando los PlatziPunks por cuenta

Despliegue de la aplicación

InterPlanetary File System

Usando IPFS e Infura para subir contenido no censurable

Despliegue de PlatziPunks en IPFS

Despliegue de Aplicaciones en Fleek usando IPFS y ENS

Ethereum Name Service

Registrando nuestro ENS y vinculando a PlatziPunks

Sigue desarrollando

Recapitulación de lo aprendido con el proyecto PlatziPunks

Despliegue de PlatziPunks en IPFS

Progreso del curso

Introducción al desarrollo con Web3.js

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando