Este modelo não está mais sob manutenção ativa, está desatualizado com o estado do ecossistema Ethereum. Algumas recomendações para substituir isso seria usar o exemplo do próximo.js + typingScript + ConnectKit da família, usando WAGMI diretamente ou Web3Modal.
Este é um projeto de projeto Next.js padrão do próximo.js com create-next-app , personalizado como o caldeira padrão para novos projetos da Web3.
/contracts via TypeChain NOTA : Depois de adicionar seu novo contrato ABIS (no formato JSON) à pasta /contracts , execute yarn compile-contract-types para gerar os tipos.
Você pode importar esses tipos ao declarar um novo gancho de contrato. Os tipos gerados mostram os parâmetros de função e os tipos de retorno de suas funções, entre outros tipos úteis.
import MY_CONTRACT_ABI from "../contracts/MY_CONTRACT.json" ;
import type { MY_CONTRACT } from "../contracts/types" ;
import useContract from "./useContract" ;
export default function useMyContract ( ) {
return useContract < MY_CONTRACT > ( CONTRACT_ADDRESS , MY_CONTRACT_ABI ) ;
} Primeiro, execute o servidor de desenvolvimento:
npm run dev
# or
yarn devAbra http: // localhost: 3000 com seu navegador para ver o resultado.
Você pode começar a editar a página modificando pages/index.js . A página de atualização automática ao editar o arquivo.
Para saber mais sobre o Next.js, dê uma olhada nos seguintes recursos:
Você pode conferir o repositório Next.JS Github - seus comentários e contribuições são bem -vindos!
A maneira mais fácil de implantar seu aplicativo Next.js é usar a plataforma Vercel dos criadores do Next.JS.
Confira nossa documentação de implantação do Next.js para obter mais detalhes.