create web3 dapp
1.0.0
Web3 Dappsを4分で作成するために必要なすべて。
このパッケージには、Create Web3 Dapp Cli Builderを起動するグローバルコマンドが含まれています。
このパッケージのドキュメントと、詳細な説明については、次のリンクを参照してください。
？クローンする必要はありません：ターミナルで "npx create-web3-dapp@ravate"を実行して開始する
あなたの環境には、あなたがdappの構築を開始するために必要なすべてを持っています：
Create-Web3-Dappを使用すると、主要なEVMベースのすべてのチェーンをサポートするマルチチェーンDappsを作成できます。
非EVMチェーンのサポートはロードマップにあります
Create-Web3-Dappは、開発者が約4分でWeb3アプリケーションを作成できるNPXツールです。
Create-Web3-Dappで作成されたDAPPはNextJSベースであり、イーサリアム、ポリゴン、楽観主義、arbitrum、Solanaなどの最も使用されるブロックチェーンと互換性があります。 Create-WEB3-DAPPを使用すると、Web3開発者は、事前に作成されたReactコンポーネント、Webhooks、およびAPIを使用して、Lightning速度で生産対応の分散アプリケーションを構築できます。
複雑な構成やフォルダー構造はなく、DAPPを構築するために必要なファイルのみがあります。
1つの依存関係：ビルド依存関係は1つだけです。 Webpack、Babel、Eslint、その他の素晴らしいプロジェクトを使用していますが、その上にまとまりのあるキュレーションエクスペリエンスを提供します。
構成は不要：何も構成する必要はありません。開発と生産の両方のビルドの合理的に優れた構成が処理されるため、コードの作成に集中できます。
ロックインなし：いつでもカスタムセットアップに「排出」できます。単一のコマンドを実行すると、すべての構成とビルド依存関係がプロジェクトに直接移動されるため、中断したところからすぐにピックアップできます。
web3の作成dappは次のようにぴったりです。
npx create-web3-dapp@latest
以前にnpx create-web3-dapp create-web3-dappを介して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ブロックチェーン開発環境をインストールした場合は、NPM Run Devを実行する前に、Frontendフォルダーに移動します。
次に、http：// localhost：3000/でナビゲートして、dappを確認します。
次に、Create-WEB3-DAPPライブラリからWeb3対応コンポーネントを追加する方法を学びます。
Web3 Dappの作成ブロックチェーン開発環境を設定するだけでなく、組み込みのスマートコントラクトバックパックにも、CLIから完全に駆け巡るSolidityスマートコントラクトを直接作成することもできます。
注：これは、ブロックチェーン開発環境をインストールした場合にのみ機能します
スマートコントラクトのバックパックは、次の標準のいずれかから、監査済みのスマートコントラクト、展開スクリプト、テストを作成できます。
詳細については、ドキュメントのスマートコントラクトバックパックを作成、構築、展開する方法についてご覧ください。
Create Web3 DAPPを使用すると、開発者は、レスポンシブで生産対応のWeb3反応コンポーネントの完全なライブラリのおかげで、数分で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 >
) ;
}より多くのコンポーネント？ドキュメントの詳細な指示を確認してください。
Create Web3 DAPPは、プロジェクトを開始するために、生産対応のWeb3アプリケーションのライブラリにアクセスできます。 NFTSエクスプローラー、そしてすぐにさらに来ます。
このテンプレートは、開発者がそのまま使用できるように利用できます。または、特定のプロジェクトのニーズに合わせてカスタマイズできます。
注：依存関係を最小限に抑え、コードリーンが最優先事項であり、これはテンプレート、完全なカスタマイズ性を付与するための最優先事項です。
次のリンクを使用して、テンプレートライブラリを使用してdappをキックスタートする方法を学びます。
Create-Web3-Dappには、ブロックチェーン開発環境の存在に基づいて、2つのフォルダー構造があります。
?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を手伝ってください！私たちが探しているものと始める方法の詳細については、Convinting.mdを参照してください。
Create Web3 Dappはコミュニティに維持されているプロジェクトであり、すべての貢献者はボランティアです。 Create Reactアプリの将来の開発をサポートしたい場合は、Open Collectiveに寄付することを検討してください。
このプロジェクトは、貢献するすべての人々のおかげで存在します。
Create React Appは、GNU-AGPLとしてライセンスされているオープンソースソフトウェアです。
