next web3 boilerplate

配x注意

該模板不再在主動維護下，它與以太坊生態系統的狀態已經過時了。一些替換的建議是直接使用WAGMI或Web3modal使用Next.js + TypeScript + ConnectKit示例。

這是一個默認的Next.js Project Boottrable帶有create-next-app ，自定義為新Web3項目的默認樣板。

特徵

• 與Ethers.js單獨的包裝，以改善樹木的震動，通常只有Ethers合同
• 掛鉤優先的方法來獲取和緩存合同中的數據以及SWR的績效記憶
• Web3-rexct，以便於使用SOLID API易於連接到Web3提供商
• 通過TypeChain在/contracts文件夾中的合同ABI的自動生成類型

汽車合同類型生成

注意：將新合同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 ) ;
} 

以前的藝術

• Noahzinsmeister/超文本

入門

首先，運行開發服務器：

npm run dev
# or
yarn dev

打開http：// localhost：3000使用瀏覽器查看結果。

您可以通過修改pages/index.js開始編輯頁面。編輯文件時，頁面自動更新。

了解更多

要了解有關Next.js的更多信息，請查看以下資源：

• Next.js文檔 - 了解Next.js功能和API。
• 學習Next.js-互動Next.js教程。

您可以查看下一個。 JSgithub存儲庫 - 歡迎您的反饋和貢獻！

部署在Vercel上

部署您的next.js應用的最簡單方法是使用Next.js的創建者的Vercel平台。

請查看我們的Next.js部署文檔以獲取更多詳細信息。