create web3 dapp
1.0.0
كل ما تحتاجه لإنشاء web3 dapps في 4 دقائق.
تتضمن هذه الحزمة الأمر العالمي لبدء إنشاء Web3 DAPP CLI Builder.
يرجى الرجوع إلى وثائق هذه الحزمة والروابط التالية لتوضيح بعمق:
؟ لا حاجة للاستنساخ: تشغيل "NPX Create-Web3-Dapp@أحدث" في المحطة الخاصة بك للبدء
ستحصل بيئتك على كل ما تحتاجه لبدء بناء DAPP:
مع Create-Web3-DAPP ، يمكنك إنشاء DAPPs متعددة السلاسل التي تدعم جميع السلاسل الرئيسية القائمة على EVM:
دعم سلاسل غير EVM في خارطة الطريق
Create-Web3-DAPP هي أداة NPX تتيح للمطورين إنشاء تطبيقات Web3 في حوالي 4 دقائق.
تعتمد DAPP التي تم إنشاؤها باستخدام Create-Web3-DAPP على أساس NEXTJS ، ومتوافقة مع أكثر الكتل المستخدمة مثل Ethereum و Polygon و Optlysism والتعريفي وسولانا . يتيح Create-Web3-DAPP أن يقوم مطورو Web3 ببناء تطبيقات لا مركزية جاهزة للإنتاج بسرعة البرق ، باستخدام مكونات رد الفعل مسبقًا ، و Webhooks ، وواجهات برمجة التطبيقات.
لا يوجد تكوين معقد أو هياكل المجلد ، فقط الملفات التي تحتاجها لإنشاء DAPP الخاص بك.
تبعية واحدة: هناك تبعية بناء واحدة فقط. يستخدم WebPack و Babel و ESLINT وغيرها من المشاريع المذهلة ، ولكنه يوفر تجربة منسقة متماسكة فوقها.
لا يوجد تكوين مطلوب: لا تحتاج إلى تكوين أي شيء. يتم التعامل مع تكوين جيد بشكل معقول لكل من عمليات التطوير والإنتاج من أجلك حتى تتمكن من التركيز على كتابة التعليمات البرمجية.
لا يوجد قفل: يمكنك "الإخراج" لإعداد مخصص في أي وقت. قم بتشغيل أمر واحد ، وسيتم نقل جميع التبعيات للتكوين والبناء مباشرة إلى مشروعك ، بحيث يمكنك التقاط المكان الذي تركت فيه.
إنشاء Web3 DAPP مناسب جدًا لـ:
npx create-web3-dapp@latest
إذا كنت قد قمت بتثبيت create-web3-dapp على مستوى العالم عبر npx create-web3-dapp ، فسيقوم CLI Builder بإخطارك إذا تم إصدار إصدار جديد. في أي حال ، نقترح عليك تشغيل أحدث إصدار متاح عن طريق تشغيل npx create-web3-dapp@latest .
(NPX يأتي مع NPM 5.2+ وأعلى ، راجع إرشادات لإصدارات NPM الأقدم)
لإنشاء تطبيق جديد:
npx create-web3-dapp@latest سيقوم إنشاء Web3 DAPP بعد ذلك بإنشاء دليل يحتوي على الملفات لبدء مشروعك وتثبيت التبعيات التي ستحتاجها
npx create-web3-dapp@latest
cd my-create-web3-dapp
npm run devفي حالة تثبيت بيئة تطوير blockchain ، انتقل إلى مجلد الواجهة الأمامية قبل تشغيل NPM Run Dev.
انتقل الآن على http: // localhost: 3000/لرؤية DAPP الخاص بك.
بعد ذلك ، تعرف على كيفية إضافة مكون Web3 جاهز من مكتبة Create-Web3-Dapp.
إنشاء Web3 DAPP لا يقوم فقط بإعداد بيئة تطوير blockchain الخاصة بك ، وأنه إلى حقيبة الظهر المدمجة في العقود الذكية ، فإنه يسمح أيضًا بإنشاء عقود ذكية من الصلابة بالكامل مباشرة من CLI.
ملاحظة: لن يعمل هذا إلا إذا قمت بتثبيت بيئة تطوير blockchain
يمكن أن تنشئ حقيبة الظهر Smart Contracts عقودًا ذكية مراجعة ونصوص واختبارات للنشر ، لأحد المعايير التالية:
تعرف على المزيد حول كيفية إنشاء حقيبة الظهر الذكية في المستندات وبناءها ونشرها.
Create Web3 DAPP يتيح للمطورين نموذجًا أوليًا لـ DAPPs في دقائق بفضل مكتبة كاملة من مكونات Reacting و Web3 React.
ملاحظة: تعمل المكونات بشكل أفضل داخل مشاريع Create-Web3-DAPP ، ولكنها متوافقة مع أي مشروع NEXTJS.
استخدم الروابط التالية لمعرفة كيفية تنفيذ المكونات في المكتبة :
import styles from "../styles/Home.module.css" ;
import NftCreator from "../components/nft-creator" ;
import contract from "../abis/smartContractAbi.json" ;
export default function Home ( ) {
return (
< div >
< main className = { styles . main } >
< NftCreator
abi = { contract . abi }
contractAddress = {
"0x9FaCAf075Cda7C0947DA0F0B4164332e01422E97"
}
/>
</ main >
</ div >
) ;
}المزيد من المكونات؟ تحقق من التعليمات التفصيلية على المستندات.
يمنحك إنشاء Web3 DAPP الوصول إلى مكتبة الإنتاج جاهزة ، و Web3 تطبيقات لبدء مشروعك مع. NFTS Explorer ، وأكثر من ذلك بكثير قريبا.
القوالب متاحة للمطورين لاستخدامها كما هي ، أو يمكن تخصيصها لتناسب احتياجات مشروعهم الخاص.
ملاحظة: الحفاظ على التبعيات إلى الحد الأدنى ، والرمز Lean هو أولويتنا القصوى ، وهذا لمنح القوالب ، التخصيص الكامل.
استخدم الروابط التالية لمعرفة كيفية بدء تشغيل DAPP باستخدام مكتبة القوالب :
يحتوي Create-Web3-DAPP على هياكل مجلدتين ، بناءً على وجود بيئة تطوير blockchain ، أو لا.
?Root
┣ components
┃ ┣ navigation
┃ ┃ ┗ navbar.jsx
┃ ┗ InstructionsComponent.jsx
┣ layout
┃ ┗ mainLayout.jsx
┣ pages
┃ ┣ api
┃ ┣ _app.js
┃ ┗ index.jsx
┣ public
┃ ┗ alchemy_logo.svg
┣ styles
┃ ┣ Home.module.css
┃ ┣ Navbar.module.css
┃ ┣ InstructionsComponent.module.css
┃ ┗ globals.css
┣ .env.local
┣ .gitignore
┣ next.config.js
┣ package-lock.json
┗ package.json
?Root
┣ .vscode
┃ ┗ settings.json
┣ backend
┃ ┣ contracts
┃ ┃ ┗ MyContract.sol
┃ ┣ scripts
┃ ┃ ┗ MyContract_deploy.js
┃ ┣ test
┃ ┃ ┗ Lock.js
┃ ┣ .env.local
┃ ┣ hardhat.config.js
┃ ┣ package-lock.json
┃ ┗ package.json
┣ frontend
┃┣ components
┃ ┃┣ navigation
┃ ┃ ┗ navbar.jsx
┃ ┃┗ InstructionsComponent.jsx
┃┣ layout
┃┃ ┗ mainLayout.jsx
┃┣ pages
┃┃ ┣ api
┃┃ ┣ _app.js
┃┃ ┗ index.jsx
┃┣ public
┃┃ ┗ alchemy_logo.svg
┃┣ styles
┃┃ ┣ Home.module.css
┃┃ ┣ Navbar.module.css
┃┃ ┣ InstructionsComponent.module.css
┃┃ ┗ globals.css
┃┣ .env.local
┃┣ .gitignore
┃┣ next.config.js
┃ ┣ package-lock.json
┃ ┗ package.json
┣ .DS_Store
┣ .env.local
┣ .gitignore
┣ LICENSE
┗ README.md
نود أن يكون لديك يد المساعدة على create-web3-dapp ! انظر المساهمة. md لمزيد من المعلومات حول ما نبحث عنه وكيفية البدء.
Create Web3 DAPP هو مشروع تم الاحتفاظ به في المجتمع وجميع المساهمين متطوعين. إذا كنت ترغب في دعم التطوير المستقبلي لـ Create React ، فيرجى التفكير في التبرع لمجموعتنا المفتوحة.
هذا المشروع موجود بفضل جميع الأشخاص الذين يساهمون.
إنشاء تطبيق React هو برنامج مفتوح المصدر مرخص له مثل GNU-AGPL.
