create web3 dapp
1.0.0
ทุกสิ่งที่คุณต้องการเพื่อสร้าง web3 dapps ภายใน 4 นาที
แพ็คเกจนี้มีคำสั่งทั่วโลกเพื่อเริ่มต้นสร้าง Web3 dapp CLI Builder
โปรดดูเอกสารของแพ็คเกจนี้และลิงก์ต่อไปนี้สำหรับคำอธิบายเชิงลึกในเชิงลึก:
- ไม่จำเป็นต้องโคลน: เรียกใช้ "npx create-web3-dapp@ล่าสุด" ในเทอร์มินัลของคุณเพื่อเริ่มต้น
สภาพแวดล้อมของคุณจะมีทุกสิ่งที่คุณต้องการเพื่อเริ่มสร้าง dapp:
ด้วย Create-Web3-Dapp คุณสามารถสร้าง DAPP แบบหลายสายที่รองรับโซ่ EVM ที่สำคัญทั้งหมด:
การสนับสนุนโซ่ที่ไม่ใช่ EVM อยู่ในแผนงาน
Create-Web3-Dapp เป็นเครื่องมือ NPX ที่ช่วยให้นักพัฒนาสามารถ สร้างแอปพลิเคชัน Web3 ในเวลา ~ 4 นาที
DAPP ที่สร้างขึ้นด้วย Create-Web3-Dapp นั้นใช้ NextJS และ เข้ากันได้กับ blockchains ที่ใช้มากที่สุดเช่น Ethereum, Polygon, การมองโลกในแง่ดี, อนุญาโตตุลาการและ Solana Create-Web3-Dapp ช่วยให้นักพัฒนา Web3 สามารถสร้างแอพพลิเคชั่นกระจายอำนาจพร้อมการผลิตด้วยความเร็วฟ้าผ่าโดยใช้ส่วนประกอบปฏิกิริยาที่ทำไว้ล่วงหน้า webhooks และ API
ไม่มีโครงสร้างการกำหนดค่าที่ซับซ้อนหรือโครงสร้างโฟลเดอร์เฉพาะไฟล์ที่คุณต้องการในการสร้าง dapp ของคุณ
การพึ่งพาหนึ่ง: มีการพึ่งพาการสร้างเพียงครั้งเดียว มันใช้ Webpack, Babel, Eslint และโครงการที่น่าทึ่งอื่น ๆ แต่ให้ประสบการณ์ที่มีความเหนียวแน่นด้านบนของพวกเขา
ไม่จำเป็นต้องมีการกำหนดค่า: คุณไม่จำเป็นต้องกำหนดค่าอะไร การกำหนดค่าที่ดีพอสมควรของทั้งการพัฒนาและการสร้างการผลิตได้รับการจัดการสำหรับคุณเพื่อให้คุณสามารถมุ่งเน้นไปที่การเขียนรหัส
ไม่มีการล็อคอิน: คุณสามารถ“ ขับออก” ไปยังการตั้งค่าที่กำหนดเองได้ตลอดเวลา เรียกใช้คำสั่งเดียวและการกำหนดค่าและการพึ่งพาการสร้างทั้งหมดจะถูกย้ายเข้าสู่โครงการของคุณโดยตรงดังนั้นคุณสามารถรับได้ทันทีที่คุณทิ้งไว้
สร้าง web3 dapp เป็นแบบที่ดีสำหรับ:
npx create-web3-dapp@latest
หากคุณเคยติดตั้ง create-web3-dapp ทั่วโลกผ่าน npx create-web3-dapp ผู้สร้าง CLI จะแจ้งให้คุณทราบหากมีการเผยแพร่เวอร์ชันใหม่หรือไม่ ไม่ว่าในกรณีใดเราขอแนะนำให้คุณทำงานโดยใช้เวอร์ชันล่าสุดที่มีอยู่โดยเรียกใช้ 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 นำทางไปยังโฟลเดอร์ Frontend ก่อนที่จะเรียกใช้ NPM Run Dev
ตอนนี้นำทางบน http: // localhost: 3000/เพื่อดู dapp ของคุณ
ถัดไปเรียนรู้วิธีเพิ่มองค์ประกอบพร้อม Web3 Ready จากไลบรารี Create-Web3-Dapp
สร้าง Web3 dapp ไม่เพียง แต่ตั้งค่าสภาพแวดล้อมการพัฒนา blockchain ของคุณเท่านั้นซึ่งสำหรับกระเป๋าเป้สะพายหลังสัญญาอัจฉริยะในตัวเท่านั้น แต่ยังช่วยให้สามารถสร้างสัญญาอัจฉริยะที่มีความแข็งแกร่งได้อย่างสมบูรณ์โดยตรงจาก CLI
หมายเหตุ: สิ่งนี้จะทำงานได้ก็ต่อเมื่อคุณติดตั้งสภาพแวดล้อมการพัฒนา blockchain
กระเป๋าเป้สะพายหลังสัญญาอัจฉริยะสามารถสร้างสัญญาอัจฉริยะที่ตรวจสอบได้สคริปต์การปรับใช้และการทดสอบของหนึ่งในมาตรฐานต่อไปนี้:
เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการสร้างสร้างและปรับใช้กระเป๋าสมาร์ทสัญญากระเป๋าเป้สะพายหลังในเอกสาร
สร้าง web3 dapp ช่วยให้นักพัฒนาสามารถสร้างต้นแบบ dapps ของพวกเขาในไม่กี่นาทีด้วยห้องสมุดเต็มรูปแบบที่ตอบสนองการผลิตพร้อมส่วนประกอบ 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 สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่เรากำลังมองหาและวิธีเริ่มต้นใช้งาน
สร้าง Web3 Dapp เป็นโครงการที่ได้รับการดูแลชุมชนและผู้มีส่วนร่วมทั้งหมดเป็นอาสาสมัคร หากคุณต้องการสนับสนุนการพัฒนาในอนาคตของแอป Create React โปรดพิจารณาบริจาคให้กับ Open Collective ของเรา
โครงการนี้มีอยู่ขอบคุณทุกคนที่มีส่วนร่วม
สร้างแอป React เป็นซอฟต์แวร์โอเพ่นซอร์สที่ได้รับอนุญาตเป็น GNU-AGPL
