next web3 boilerplateのダウンロード - next web3 boilerplateプレートソースコードダウンロード

next web3 boilerplate

AI ソースコード

1.0.0

ダウンロード

ショ和知らせ

このテンプレートは、アクティブなメンテナンスの下にありなくなり、イーサリアムエコシステムの状態とは異なります。これを置き換えるためのいくつかの認識は、Wagmiを直接またはWeb3modalを使用して、Familyのnext.js + TypeScript + ConnectKitの例を使用することです。

これは、新しいWeb3プロジェクトのデフォルトのボイラープレートとしてカスタマイズされたcreate-next-appでブートストラップされたデフォルトのnext.jsプロジェクトです。

特徴

ethers.jsからパッケージを分離して、改善されたツリーを走るために、多くの場合、エーテルのみが契約します
契約からデータを取得してキャッシュするためのフックファーストアプローチ、およびSWRでのパフォーマンスのためのメモ
web3反応のためのweb3プロバイダーへの接続をしやすいAPIでweb3プロバイダー
TypeChainを介して/contractsフォルダー内の契約ABISの自動生成タイプ

自動契約タイプの生成

注：新しい契約ABI（JSON形式）を/contractsフォルダーに追加した後、 yarn compile-contract-typesを実行してタイプを生成します。

新しい契約フックを宣言するときに、これらのタイプをインポートできます。生成されたタイプは、他の役立つタイプの中でも、関数の関数のパラメーションと関数の型を返すタイプを示しています。

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