لم يعد هذا القالب قيد الصيانة النشطة ، فهو خارج عن حالة النظام البيئي Ethereum. بعض عمليات التوقيت لاستبدال هذا هي استخدام مثال NEXT.JS + TypeScript + ConnectKit من العائلة ، باستخدام WAGMI مباشرة أو Web3Dal.
هذا هو مشروع Next.js الافتراضي bootstrapped مع create-next-app ، مخصص باعتباره غلاية الافتراضية لمشاريع 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 لمزيد من التفاصيل.