create web3 dapp Download - create web3 dapp исходный код скачать

create web3 dapp

AI Исходный код

1.0.0

Скачать

Создать Web3 DAPP

Create-web3-dapp

Все, что вам нужно для создания DAPPS Web3 за 4 минуты.

Этот пакет включает в себя глобальную команду, чтобы запустить строитель Create Web3 DAPP CLI.

Пожалуйста, обратитесь к документации этого пакета и следующим ссылкам для глубокого объяснения:

Документы - все, что вам нужно знать при использовании CW3D
GitHub - посмотрите на обширный пример кода или начните вносить свой вклад
Веб -сайт - узнайте больше о CW3D и добавьте компоненты в ваш проект
Шаблоны - Проверьте предварительно построенные шаблоны проекта
Библиотека компонентов - добавьте функции непосредственно в ваш проект через компоненты
Примеры - см. Компоненты, внедренные в реальном мире DAPP
Сообщество - Познакомьтесь с другими строителями, получайте поддержку и дайте обратную связь!

? Не нужно клонировать: запустите «NPX Create-web3-dapp@последнее» в вашем терминале, чтобы начать работу

Что включено?

Ваша среда будет иметь все необходимое, чтобы начать создавать DAPP:

Поддерживаемые цепи

С помощью Create-Web3-DAPP вы можете создать многоцепочечные DAPP, поддерживающие все основные сети на основе EVM:

Поддержка цепочек, не являющихся EVM, находится в дорожной карте

Что такое create-web3-dapp?

Create-Web3-DAPP-это инструмент NPX, который позволяет разработчикам создавать приложения Web3 за ~ 4 минуты.

DAPP, созданный с помощью Create-WEB3-DAPP, основаны на следующих и совместимы с наиболее часто используемыми блокчейнами, такими как Ethereum, Polygon, Optimism, Arbitrum и Solana . Create-Web3-DAPP позволяет разработчикам Web3 создавать готовые к производству децентрализованные приложения на скорости Lightning, используя готовые компоненты React, веб-крючки и API.

Нет сложной конфигурации или структур папок, только те файлы, необходимые для создания DAPP.

шаблоны

Философия

Одна зависимость: существует только одна зависимость сборки. Он использует WebPack, Babel, Eslint и другие удивительные проекты, но предоставляет сплоченное кураторское опыт.
Конфигурация не требуется: вам не нужно ничего настроить. Достаточно хорошая конфигурация как разработки, так и производственных сборки обрабатывается для вас, поэтому вы можете сосредоточиться на написании кода.
Без блокировки: вы можете «выбросить» на пользовательскую настройку в любое время. Запустите одну команду, и все зависимости конфигурации и строительства будут перемещены непосредственно в ваш проект, поэтому вы можете подняться прямо там, где остановились.

Когда использовать CW3D

Создать Web3 DAPP отлично подходит для:

Learning Web3 в удобной и богатой функциям среды разработки.
Запуск новых приложений Web3
Тестирование вещей и экспериментировать с реагированием на ваши библиотеки и компоненты.

Использование

 npx create-web3-dapp@latest

Если вы ранее установили 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.

Создать Web3 DAPP затем создаст каталог, содержащий файлы для начала вашего проекта, и установить необходимые зависимости установки, которые вам нужны

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

Если вы установили среду разработки блокчейна, перейдите в папку Frontend, прежде чем запустить NPM Run Dev.

Теперь перейдите по http: // localhost: 3000/чтобы увидеть ваш Dapp.

Затем узнайте, как добавить компонент готового Web3 из библиотеки Create-Web3-DAPP.

Смарт -контракты рюкзак - CLI Smart Contract Creator

Create Web3 DAPP не только настраивает вашу среду разработки блокчейна, которая для встроенного рюкзака Smart Contracts он также позволяет создавать полностью выставленные смарт-контракты непосредственно из CLI.

Примечание: это будет работать, только если вы установили среду разработки блокчейна

Смарт -контракт рюкзак может создавать аудированные интеллектуальные контракты, сценарии развертывания и тесты одного из следующих стандартов:

ERC721: Smart Contract Collection NFT Collection
ERC20: Crypto Curress Smart Contract
ERC1155: Fungibility Agnosting Smart Contract

Узнайте больше о том, как создавать, создавать и развернуть, смарт -контракты рюкзак в документах.

Библиотека компонентов Web3 React

Create Web3 DAPP позволяет разработчикам прототипить свои DAPPS за считанные минуты благодаря полной библиотеке адаптивных, готовых к производству, Web3 React Components.

Примечание. Компоненты работают лучше всего внутри проектов Create-Web3-DAPP, но совместимы с любым проектом NextJS.

Используйте следующие ссылки, чтобы узнать, как реализовать компоненты в библиотеке :

Документы: путеводитель по Brokendown для каждого компонента
GitHub: см. Компоненты, реализованные в реальном проекте

компонент

Пример реализации:

В /компоненты создавать nftcreator.jsx
В/Стили создавать nftcreator.module.css
В /пейдж /апикриатэпинфилетоипф
Скопируйте соответствующий код ниже в каждый из созданных файлов выше.
Импортируйте компонент NftCreator в верхней части вашей страницы:

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

Больше компонентов? Проверьте подробные инструкции по документам.

Библиотека шаблонов DAPP

Create Web3 DAPP предоставляет вам доступ к готовым библиотеке приложений Web3 для начала вашего проекта. NFTS Explorer, и в ближайшее время появится гораздо больше.

Шаблоны доступны для разработчиков, которые можно использовать как есть, или они могут быть настроены в соответствии с потребностями своего конкретного проекта.

ПРИМЕЧАНИЕ. Поддерживая зависимости к минимуму, а код Lean - это наш главный приоритет, чтобы предоставить шаблоны, полную настраиваемость.

Используйте следующие ссылки, чтобы узнать, как начать свой DAPP, используя библиотеку шаблонов :

Шаблоны документов
Шаблоны библиотеки
GitHub (скоро наступит)

шаблоны

Структура папки

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 ! См. Appling.md для получения дополнительной информации о том, что мы ищем и как начать.

Поддержка Create Web3 DAPP

Create Web3 DAPP - это проект, поддерживаемый сообществом, и все участники являются добровольцами. Если вы хотите поддержать будущую разработку приложения Create React, пожалуйста, рассмотрите возможность пожертвования в наш открытый коллектив.