next web3 boilerplate

配x注意

该模板不再在主动维护下，它与以太坊生态系统的状态已经过时了。一些替换的建议是直接使用WAGMI或Web3Modal使用next.js + typecript + 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部署文档以获取更多详细信息。