เทมเพลตนี้ไม่ได้อยู่ภายใต้การบำรุงรักษาที่ใช้งานอยู่อีกต่อไปมันล้าสมัยด้วยสถานะของระบบนิเวศ Ethereum การแนะนำบางอย่างสำหรับการแทนที่สิ่งนี้คือการใช้ตัวอย่าง next.js + typeScript + ConnectKit จากครอบครัวโดยใช้ WAGMI โดยตรงหรือ web3modal
นี่เป็นค่าเริ่มต้น next.js project bootstrapped ด้วย create-next-app ซึ่งปรับแต่งเป็น boilerplate เริ่มต้นสำหรับโครงการ Web3 ใหม่
/contracts ผ่าน Typechain หมายเหตุ : หลังจากเพิ่มในสัญญาใหม่ ABIs (ในรูปแบบ 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 devเปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์
คุณสามารถเริ่มแก้ไขหน้าได้โดยแก้ไข pages/index.js การอัปเดตหน้าอัตโนมัติเมื่อคุณแก้ไขไฟล์
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ next.js ลองดูแหล่งข้อมูลต่อไปนี้:
คุณสามารถตรวจสอบพื้นที่เก็บข้อมูล next.js GitHub - ยินดีต้อนรับข้อเสนอแนะและการมีส่วนร่วมของคุณ!
วิธีที่ง่ายที่สุดในการปรับใช้แอป Next.js ของคุณคือการใช้แพลตฟอร์ม vercel จากผู้สร้างของ Next.js
ตรวจสอบเอกสารการปรับใช้ next.js ของเราสำหรับรายละเอียดเพิ่มเติม