Despliegue de PlatziPunks en IPFS

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

Jonathan Vergara Ruiz

student•

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

student•

Si alguien tiene el siguiente error =>

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

prueben desde otra terminal como Git Bash

Kevin Fiorentino

student•

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

student•

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

student•

Aquí está mi app desplegada en IPFS:

Luis Punks

Jimmy Buriticá Londoño

student•

Platzi Punks

Les comparto el link de Platzi Punks

Luis Berenguer

student•

Ya tienes uno más🤭

Darwin Quintana

student•

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

Rodrigo Ramos Xochiteotzin

student•

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

Mario Sanchez Jaramillo

student•

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

student•

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

Dany R

student•

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

student•

PlatziPunk 2023

Brenda Saavedra

student•

👏🏽 Excelente aquí mi proyecto

Luis Alejandro Mongua

student•

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

Oscar Guadalupe Pérez Ayuso

student•

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

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

Despliegue de PlatziPunks en IPFS

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