create web3 dapp - create web3 dapp Download

create web3 dapp

Code Source AI

1.0.0

Télécharger

Créer WEB3 DAPP

créer-web3-dapp

Tout ce dont vous avez besoin pour créer des Dapps Web3 en 4 minutes.

Ce package comprend la commande globale pour démarrer le créateur de création de CLI DAPP Web3.

Veuillez vous référer à la documentation de ce package et aux liens suivants pour une explication approfondie:

Docs - Tout ce que vous devez savoir lorsque vous utilisez CW3D
GitHub - Regardez l'exemple de code étendu ou commencez à contribuer
Site Web - En savoir plus sur CW3D et ajouter des composants à votre projet
Modèles - Découvrez les modèles de projet prédéfinis
Bibliothèque des composants - Ajoutez des fonctionnalités directement à votre projet via des composants
Exemples - Voir les composants mis en œuvre dans un DAPP du monde réel
Communauté - Rencontrez d'autres constructeurs, obtenez un soutien et donnez des commentaires!

? Pas besoin de clone: exécutez "npx create-web3-dapp @ dernier" dans votre terminal pour commencer

Qu'est-ce qui est inclus?

Votre environnement aura tout ce dont vous avez besoin pour commencer à construire un DAPP:

Chaînes soutenues

Avec Create-Web3-Dapp, vous pouvez créer des DAPP multi-chaînes prenant en charge toutes les principales chaînes basées sur EVM:

Le soutien aux chaînes non EVM est dans la feuille de route

Qu'est-ce que Create-Web3-Dapp?

Create-Web3-Dapp est un outil NPX qui permet aux développeurs de créer des applications Web3 en ~ 4 minutes.

Le DAPP créé avec Create-Web3-Dapp est basé sur NEXTJS et compatible avec les blockchains les plus utilisés tels que Ethereum, Polygon, Optimism, Arbitrum et Solana . Create-Web3-Dapp permet aux développeurs Web3 de créer des applications décentralisées prêtes pour la production à Lightning Speed, en utilisant des composants réagis pré-fabriqués, des webhooks et des API.

Pas de configuration ou de structures de dossiers complexes, seulement les fichiers dont vous avez besoin pour créer votre DAPP.

modèles

Philosophie

Une dépendance: il n'y a qu'une seule dépendance de construction. Il utilise WebPack, Babel, Eslint et d'autres projets incroyables, mais offre une expérience organisée cohérente en plus.
Aucune configuration requise: vous n'avez rien à configurer. Une configuration raisonnablement bonne des versions de développement et de production est gérée pour vous afin que vous puissiez vous concentrer sur l'écriture de code.
Pas de verrouillage: vous pouvez «éjecter» à une configuration personnalisée à tout moment. Exécutez une seule commande, et toutes les dépendances de configuration et de construction seront déplacées directement dans votre projet, vous pouvez donc reprendre là où vous vous êtes arrêté.

Quand utiliser CW3D

Créer WEB3 DAPP est un excellent ajustement pour:

Apprentissage Web3 dans un environnement de développement confortable et riche en fonctionnalités.
Démarrage de nouvelles applications Web3
Tester les choses et expérimenter la réaction de vos bibliothèques et composants.

Usage

 npx create-web3-dapp@latest

Si vous avez précédemment installé create-web3-dapp globalement via npx create-web3-dapp , le constructeur CLI vous avertira si une nouvelle version a été publiée. Dans tous les cas, nous vous suggérons d'exécuter en utilisant la dernière version disponible en exécutant npx create-web3-dapp@latest .

(NPX est livré avec NPM 5.2+ et plus, voir les instructions pour les versions NPM plus anciennes)

Démarrage rapide

Pour créer une nouvelle application:

Dans votre terminal:

  npx create-web3-dapp@latest

Sélectionnez et créez les dépendances, les composants et les contrats que vous souhaitez inclure dans votre application Web3.

Créer WEB3 DAPP créera ensuite un répertoire contenant les fichiers pour lancer votre projet et installer les dépendances d'installation dont vous aurez besoin

npx create-web3-dapp@latest
cd my-create-web3-dapp
npm run dev

Dans le cas où vous avez installé un environnement de développement blockchain, accédez au dossier Frontend avant d'exécuter NPM Run Dev.

Naviguez maintenant sur http: // localhost: 3000 / pour voir votre DAPP.

Ensuite, apprenez à ajouter un composant Web3 Ready de la bibliothèque Create-Web3-Dapp.

Smart Contracts Backpack - CLI Smart Contrat Creator

Créer WEB3 DAPP ne configure pas seulement votre environnement de développement de la blockchain, que pour le sac à dos de contrats intelligents intégrés, il permet également de créer des contrats intelligents de solidité à part entière directement à partir de la CLI.

Remarque: cela ne fonctionnera que si vous avez installé un environnement de développement de la blockchain

Le sac à dos Smart Contracts peut créer des contrats intelligents audités, des scripts de déploiement et des tests, de l'une des normes suivantes:

ERC721: Contrat intelligent de la collection NFT
ERC20: contrat intelligent crypto-monnaie
ERC1155: Contrat intelligent de la fongibilité

En savoir plus sur la façon de créer, de créer et de déployer, le sac à dos Smart Contracts dans les documents.

Bibliothèque de composants WEB3 React

Créer WEB3 DAPP permet aux développeurs de prototyper leurs DAPP en quelques minutes grâce à une bibliothèque complète de composants réactifs réactifs, Ready, Web3.

Remarque: Les composants fonctionnent le mieux dans les projets Create-Web3-Dapp, mais sont compatibles avec tout projet NextJS.

Utilisez les liens suivants pour apprendre à implémenter les composants de la bibliothèque :

Docs: un guide Brokendown pour chaque composant
GitHub: Voir les composants mis en œuvre dans un projet du monde réel

composant

Exemple d'implémentation:

Dans / composants créer nftcreator.jsx
Dans / styles créer nftcreator.module.css
Dans /pages/apicreatepinfiletoips.jspinjsontoips.js
Copiez le code correspondant ci-dessous dans chacun des fichiers créés ci-dessus.
Importez le composant NFTCreator en haut de votre page:

 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 >
	) ;
}

Plus de composants? Vérifiez les instructions détaillées sur les documents.

Bibliothèque de modèles DAPP

Créer WEB3 DAPP vous donne accès à une bibliothèque de production Ready, Web3 Applications pour lancer votre projet avec. NFTS Explorer, et beaucoup plus à venir bientôt.

Les modèles sont disponibles pour les développeurs à utiliser tels quels, ou ils peuvent être personnalisés pour répondre aux besoins de leur projet particulier.

Remarque: Garder les dépendances au minimum, et le code Lean est notre priorité absolue, ceci pour accorder les modèles, une personnalisation complète.

Utilisez les liens suivants pour savoir comment lancer votre DAPP à l'aide de la bibliothèque des modèles :

Templates Docs
Bibliothèque de modèles
Github (à venir bientôt)

modèles

Structure de dossier

Create-Web3-Dapp a deux structures de dossiers, en fonction de la présence d'un environnement de développement blockchain ou non.

Avec un environnement de développement de la 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

Sans environnement de développement de la blockchain

 ?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

Contributif

Nous serions ravis de vous aider sur create-web3-dapp ! Voir contribution.md pour plus d'informations sur ce que nous recherchons et comment commencer.

Prise en charge de la création de web3 dapp

Créer WEB3 DAPP est un projet entretenu et tous les contributeurs sont des bénévoles. Si vous souhaitez soutenir le développement futur de Create React App, veuillez envisager de faire un don à notre collectif ouvert.