create web3 dapp
1.0.0
4 분 안에 Web3 DAPP를 만드는 데 필요한 모든 것.
이 패키지에는 Web3 Dapp Cli Builder 만들기를 시작하는 Global 명령이 포함되어 있습니다.
깊이있는 설명은이 패키지의 문서와 다음 링크를 참조하십시오.
? 클론 필요 없음 : 터미널에서 "NPX Create-web3-dapp@최신"을 실행하여 시작하기 위해 "
환경에는 DAPP 구축을 시작하는 데 필요한 모든 것이 있습니다.
Create-Web3-Dapp을 사용하면 모든 주요 EVM 기반 체인을 지원하는 멀티 체인 DAPP를 만들 수 있습니다.
비 EVM 체인에 대한 지원은 로드맵에 있습니다
Create-Web3-Dapp은 개발자가 ~ 4 분 안에 Web3 응용 프로그램을 만들 수있는 NPX 도구입니다.
Create-Web3-Dapp으로 생성 된 DAPP는 NextJS 기반이며 Ethereum, Polygon, Opmentism, Arbitrum 및 Solana와 같은 가장 많이 사용되는 블록 체인과 호환됩니다 . Web3-Dapp을 사용하면 Web3 개발자가 사전 제작 된 React 구성 요소, Webhooks 및 API를 사용하여 Lightning Speed로 생산 응용 분산 응용 프로그램을 구축 할 수 있습니다.
복잡한 구성 또는 폴더 구조가 없으며 DAPP를 빌드하는 데 필요한 파일 만 있습니다.
하나의 종속성 : 빌드 의존성은 하나뿐입니다. Webpack, Babel, Eslint 및 기타 놀라운 프로젝트를 사용하지만 그 위에 응집력있는 선별 된 경험을 제공합니다.
구성 필요 없음 : 아무것도 구성 할 필요가 없습니다. 개발 및 생산 빌드의 합리적으로 좋은 구성이 처리되어 코드 작성에 집중할 수 있습니다.
잠금 없음 : 언제든지 사용자 정의 설정을 "배출"할 수 있습니다. 단일 명령을 실행하면 모든 구성 및 빌드 종속성이 프로젝트로 직접 이동하여 중단 된 곳에서 바로 픽업 할 수 있습니다.
Web3 DAPP 만들기는 다음에 매우 적합합니다.
npx create-web3-dapp@latest
NPX 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블록 체인 개발 환경을 설치 한 경우 NPM Run Dev를 실행하기 전에 프론트 엔드 폴더로 이동하십시오.
이제 http : // localhost : 3000/를 탐색하려면 dapp을보십시오.
다음으로 Create-Web3-Dapp 라이브러리에서 Web3 Ready 구성 요소를 추가하는 방법에 대해 알아보십시오.
Web3 DAPP 작성 블록 체인 개발 환경을 설정할뿐만 아니라 내장 스마트 계약 배낭을 통해 CLI에서 직접 온도로 된 견고성 스마트 계약을 생성 할 수 있습니다.
참고 : 블록 체인 개발 환경을 설치 한 경우에만 작동합니다.
Smart Contracts Backpack은 다음 표준 중 하나의 감사 된 스마트 계약, 배포 스크립트 및 테스트를 생성 할 수 있습니다.
문서의 스마트 계약 배낭을 작성, 빌드 및 배포하는 방법에 대해 자세히 알아보십시오.
Web3 DAPP를 만들면 개발자가 응답, 생산 준비, Web3 React 구성 요소의 전체 라이브러리 덕분에 DAPP를 몇 분 안에 프로토 타입 할 수 있습니다.
참고 : 구성 요소는 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, 그리고 훨씬 더 곧 출시 될 예정입니다.
템플릿은 개발자가 그대로 사용할 수 있거나 특정 프로젝트의 요구에 맞게 사용자 정의 할 수 있습니다.
참고 : 종속성을 최소로 유지하면 코드 린이 최우선 과제입니다. 이는 템플릿을 부여하는 것이 가장 좋습니다.
다음 링크를 사용하여 템플릿 라이브러리를 사용하여 DAPP를 시작하는 방법을 배우십시오 .
Create-Web3-Dapp에는 블록 체인 개발 환경이 있거나없는 두 개의 폴더 구조가 있습니다.
?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 에 도움을주고 싶습니다! 우리가 찾고있는 것과 시작 방법에 대한 자세한 내용은 Contration.Md를 참조하십시오.
Create Web3 Dapp는 커뮤니티 유지 관리 프로젝트이며 모든 기고자는 자원 봉사자입니다. Create React App의 향후 개발을 지원하려면 Open Collective에 기부하는 것을 고려하십시오.
이 프로젝트는 기부 한 모든 사람들 덕분에 존재합니다.
React App 만들기는 GNU-AGPL로 라이센스가 부여 된 오픈 소스 소프트웨어입니다.
