Diese Vorlage steht nicht mehr unter aktiver Wartung, sondern ist veraltet mit dem Zustand des Ethereum-Ökosystems. Einige Befürworter für das Ersetzen dieser Aussagen wären die Verwendung des nächsten.js + TypeScript + ConnectKit -Beispiels aus der Familie, die WAGMI direkt oder Web3Modal verwenden.
Dies ist ein standardmäßiger Next.js-Projekt mit create-next-app , der als Standard-Boilerplate für neue Web3-Projekte angepasst wurde.
/contracts über typechain HINWEIS : Nachdem Sie Ihren neuen Vertrag ABIS (im JSON-Format) zum Ordner /contracts hinzugefügt haben, führen Sie yarn compile-contract-types aus, um die Typen zu generieren.
Sie können diese Typen importieren, wenn Sie einen neuen Vertragshaken deklarieren. Die generierten Typen zeigen unter anderem die Funktionsparamente und Rückgabetypen Ihrer Funktionen.
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 ) ;
} Führen Sie zunächst den Entwicklungsserver aus:
npm run dev
# or
yarn devÖffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.
Sie können mit dem Bearbeiten der Seite beginnen, indem Sie pages/index.js ändern. Die Seite Auto-Updates, während Sie die Datei bearbeiten.
Um mehr über Next.js zu erfahren, sehen Sie sich die folgenden Ressourcen an:
Sie können das nächste.js Github -Repository ansehen - Ihr Feedback und Ihre Beiträge sind willkommen!
Der einfachste Weg, um Ihre Next.js -App bereitzustellen, besteht darin, die Vercel -Plattform von den Erstellern von Next.js. zu verwenden.
Weitere Informationen finden Sie in unserer Next.JS -Bereitstellungsdokumentation.