next web3 boilerplate
1.0.0
이 템플릿은 더 이상 활발한 유지 보수를받지 않으며 이더 리움 생태계의 상태와 의시입니다. 이를 대체하기위한 일부 추천은 Wagmi 또는 Web3Modal을 사용하여 Family의 Next.js + TypeScript + ConnectKit 예제를 사용하는 것입니다.
이것은 기본값 Next.js 프로젝트 create-next-app 으로 부트 스트랩되어 새로운 Web3 프로젝트의 기본 보일러 플레이트로 사용자 정의됩니다.
/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 ) ;
} 먼저 개발 서버를 실행합니다.
npm run dev
# or
yarn devhttp : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.
pages/index.js 수정하여 페이지 편집을 시작할 수 있습니다. 파일을 편집 할 때 페이지가 자동 업데이트됩니다.
JS에 대한 자세한 내용은 다음 리소스를 살펴보십시오.
JS Github 리포지토리를 확인할 수 있습니다. 귀하의 의견과 기부금을 환영합니다!
Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자의 Vercel 플랫폼을 사용하는 것입니다.
자세한 내용은 Next.js 배포 문서를 확인하십시오.