next web3 boilerplate - next web3 boilerplate

next web3 boilerplate

Code Source AI

1.0.0

Télécharger

️ Avis

Ce modèle n'est plus sous maintenance active, elle est obsolète avec l'état de l'écosystème Ethereum. Certaines recommandes pour remplacer cela consisteraient à utiliser l'exemple suivant.js + TypeScript + ConnectKit de la famille, en utilisant Wagmi directement ou web3Modal.

Il s'agit d'un projet de projet NEXT.js par défaut avec create-next-app , personnalisé comme chaudière par défaut pour les nouveaux projets Web3.

Caractéristiques

Packages séparés d'Ethers.js pour l'amélioration
Approche à crochets pour récupérer et mettre en cache les données des contrats et la mémorisation pour les performances avec SWR
web3-react pour faciliter la connexion aux fournisseurs Web3 avec une API solide
Génére automatiquement les types pour le contrat ABIS dans le dossier /contracts via TypeChain

Génération de types de contrat automatique

Remarque : Après avoir ajouté votre nouveau contrat ABIS (au format JSON) au dossier /contracts , exécutez yarn compile-contract-types pour générer les types.

Vous pouvez importer ces types lors de la déclaration d'un nouveau crochet de contrat. Les types générés montrent les paramètres de fonction et les types de retour de vos fonctions, entre autres types utiles.

 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 ) ;
}

Art précédent

Noahzinsmeister / hypertexte

Commencer

Tout d'abord, exécutez le serveur de développement:

npm run dev
# or
yarn dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Vous pouvez commencer à modifier la page en modifiant pages/index.js . La page indique automatiquement la mise à jour lorsque vous modifiez le fichier.