create web3 dapp
1.0.0
Tudo o que você precisa para criar Dapps Web3 em 4 minutos.
Este pacote inclui o comando global para iniciar o Criar Web3 Dapp CLI Builder.
Consulte a documentação deste pacote e os seguintes links para uma explicação detalhada:
? Não há necessidade de clonar: execute "npx create-web3-dapp@mais recente" em seu terminal para começar
Seu ambiente terá tudo o que você precisa para começar a construir um DAPP:
Com o Create-Web3-DAPP, você pode criar DAPPs de várias cadeias que suportam todas as principais cadeias baseadas em EVM:
O suporte para cadeias não EVM está no roteiro
Create-Web3-Dapp é uma ferramenta NPX que permite aos desenvolvedores criar aplicativos Web3 em ~ 4 minutos.
O DAPP criado com Create-Web3-DAPP é baseado no NextJS e compatível com as blockchains mais usadas, como Ethereum, Polygon, Otimismo, Arbitro e Solana . O Create-Web3-DAPP permite que os desenvolvedores do Web3 criem aplicativos descentralizados prontos para produção em velocidade de raio, usando componentes, webhooks e APIs de reação pré-fabricados.
Nenhuma configuração complicada ou estruturas de pastas, apenas os arquivos necessários para criar seu DAPP.
Uma dependência: existe apenas uma dependência de construção. Ele usa Webpack, Babel, Eslint e outros projetos incríveis, mas fornece uma experiência coesa com curadoria em cima deles.
Nenhuma configuração necessária: você não precisa configurar nada. Uma configuração razoavelmente boa das compilações de desenvolvimento e produção é tratada para você, para que você possa se concentrar na redação do código.
Sem bloqueio: você pode "ejetar" a uma configuração personalizada a qualquer momento. Execute um único comando e todas as configurações e construa dependências serão movidas diretamente para o seu projeto, para que você possa pegar exatamente de onde parou.
Create Web3 Dapp é um ótimo ajuste para:
npx create-web3-dapp@latest
Se você instalou anteriormente create-web3-dapp globalmente via npx create-web3-dapp , o CLI Builder notificará você se uma nova versão foi lançada. De qualquer forma, sugerimos que você execute usando a versão mais recente disponível executando npx create-web3-dapp@latest .
(NPX vem com NPM 5.2+ e superior, consulte Instruções para versões mais antigas do NPM)
Para criar um novo aplicativo:
npx create-web3-dapp@latest Criar Web3 Dapp criará um diretório contendo os arquivos para iniciar seu projeto e instalar as dependências de instalação que você precisar
npx create-web3-dapp@latest
cd my-create-web3-dapp
npm run devCaso você instale um ambiente de desenvolvimento de blockchain, navegue até a pasta front -end antes de executar o NPM Run Dev.
Agora navegue em http: // localhost: 3000/para ver seu DAPP.
Em seguida, aprenda a adicionar um componente pronto para o Web3 na biblioteca Create-Web3-Dapp.
O Create Web3 Dapp não configura apenas seu ambiente de desenvolvimento de blockchain, que, para a mochila de contratos inteligentes integrados, ele também permite criar contratos inteligentes de solidez totalmente completa diretamente da CLI.
Nota: Isso funcionará apenas se você tiver instalado um ambiente de desenvolvimento de blockchain
A mochila Smart Contracts pode criar contratos inteligentes auditados, scripts de implantação e testes, de um dos seguintes padrões:
Saiba mais sobre como criar, construir e implantar, a mochila Smart Contracts nos documentos.
O Create Web3 Dapp permite que os desenvolvedores prototipem seus DAPPs em minutos, graças a uma biblioteca completa de componentes responsivos, prontos para a produção e reagem do Web3.
Nota: os componentes funcionam melhor dentro dos projetos Criar-Web3-Dapp, mas são compatíveis com qualquer projeto NextJS.
Use os links a seguir para aprender como implementar os componentes na biblioteca :
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 >
) ;
}Mais componentes? Verifique as instruções detalhadas sobre os documentos.
Criar Web3 Dapp fornece acesso a uma biblioteca de aplicativos de produção pronta, Web3 para iniciar seu projeto. NFTS Explorer, e muito mais em breve.
Os modelos estão disponíveis para os desenvolvedores usarem como estão, ou podem ser personalizados para atender às necessidades de seu projeto específico.
Nota: Manter as dependências no mínimo e o código Lean é a nossa principal prioridade, para conceder os modelos, a personalização total.
Use os links a seguir para aprender como iniciar seu DAPP usando a biblioteca de modelos :
Create-Web3-Dapp possui duas estruturas de pastas, com base na presença de um ambiente de desenvolvimento de blockchain, ou não.
?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
Gostaríamos muito de ter sua ajuda no create-web3-dapp ! Consulte Contribuindo.md para obter mais informações sobre o que estamos procurando e como começar.
Create Web3 Dapp é um projeto mantido na comunidade e todos os colaboradores são voluntários. Se você deseja apoiar o desenvolvimento futuro do Create React App, considere doar para o nosso coletivo aberto.
Este projeto existe graças a todas as pessoas que contribuem.
Criar o aplicativo React é o software de código aberto licenciado como GNU-AGPL.
