ethereum boilerplate

ethereum-boilerplate

完全打字稿Ready NextJs組件，用於快速建造DAPP，而無需運行自己的後端

演示：https：//eth-boilerplate.vercel.app/

此樣板是用Moralis構建的

您僅需要Active Web3提供商/錢包才能進行身份驗證。此樣板中的所有頁面都不需要活動的Web3提供商，它們都使用Moralis Web3 API。 Moralis支持最受歡迎的區塊鍊及其測試網絡。您可以在Moralis支持的連鎖店中找到所有可用網絡的列表

請檢查Moralis的正式文檔，以了解Maralis的所有功能。

Star us

如果此樣板可以幫助您更快地構建以太坊 - 請播放此項目，每個星星都會讓我們感到非常高興！

？ Need help?

如果您需要幫助設置樣板或有其他問題的幫助 - 請隨時在我們的社區論壇上寫作，我們會盡快檢查。論壇鏈接。這款樣板最好的是，超級活躍的社區隨時準備幫助！我們互相幫助。

Quick Start

？克隆或ethereum-boilerplate

git clone https://github.com/ethereum-boilerplate/ethereum-boilerplate.git

？安裝所有依賴項：

 cd ethereum-boilerplate
yarn install

✏重命名.env.local.example為.env.local並提供所需的數據。從Moralis儀表板獲取您的Web3 API鍵：

在應用程序root中的.env.Local文件中填寫環境變量：

• MORALIS_API_KEY ：您可以在這裡得到它。
• NEXTAUTH_URL ：您的應用地址。在開發階段，使用http：// localhost：3000。
• NEXTAUTH_SECRET ：用於加密jwt代幣的用戶。您可以在此處放置任何值，也可以在https://generate-secret.now.sh/32上生成。

例子：

 MORALIS_API_KEY=xxxx
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=7197b3e8dbee5ea6274cab37245eec212

？ ‍♂️運行您的應用程序：

yarn start

？ Table of contents

• ethereum-boilerplate
• 快速開始
• ？目錄
• ？以太坊組件
  • <NFTBalances />
  • <ERC20Balances />
  • <ERC20Transfers />
  • <NFTTransfers />
  • <Transactions />
• 貢獻者

？以太坊組件

<NFTBalances />

位置： src/component/templates/balances/NFT/NFTBalances.tsx

？ <NFTBalances /> ：顯示用戶的餘額。使用Moralis EVM API（不需要活動的Web3提供商）。

<ERC20Balances />

位置： src/component/templates/balances/ERC20/ERC20Balances.tsx

？ <ERC20Balances /> ：顯示用戶的ERC20餘額。使用Moralis EVM API（不需要活動的Web3提供商）。

<ERC20Transfers />

位置： src/component/templates/transfers/ERC20/ERC20Transfers.tsx

？ <ERC20Transfers /> ：顯示用戶的ERC20傳輸。使用Moralis EVM API（不需要活動的Web3提供商）。

<NFTTransfers />

位置： src/component/templates/transfers/NFT/NFTTransfers.tsx

？ <NFTTransfers /> ：顯示用戶的NFT傳輸。使用Moralis EVM API（不需要活動的Web3提供商）。

<Transactions />

位置： src/component/templates/transactions/Transactions.tsx

？ <Transactions /> ：顯示用戶的交易。使用Moralis EVM API（不需要活動的Web3提供商）。

貢獻者

隨時做出貢獻嗎？到ethereum-boilerplate項目。但首先，請在開發問題或公關之前閱讀貢獻指南，以便您了解分支策略和本地開發環境。

用貢獻製成。