ethereum boilerplate

ethereum-boilerplate

TypeScript พร้อมส่วนประกอบ NextJS เต็มรูปแบบสำหรับการสร้าง dapps ที่รวดเร็วโดยไม่ต้องใช้แบ็กเอนด์ของตัวเอง

ตัวอย่าง: https://eth-boilerplate.vercel.app/

แผ่นหม้อต้มนี้สร้างขึ้นด้วย Moralis

คุณต้องมีผู้ให้บริการ Web3/กระเป๋าเงินสำหรับการตรวจสอบเท่านั้น หน้าทั้งหมดในหม้อไอน้ำนี้ไม่จำเป็นต้องมีผู้ให้บริการ Web3 ที่ใช้งานอยู่พวกเขาใช้ Moralis Web3 API Moralis สนับสนุน blockchains ที่ได้รับความนิยมมากที่สุดและเครือข่ายทดสอบของพวกเขา คุณสามารถค้นหารายการเครือข่ายที่มีอยู่ทั้งหมดในโซ่สนับสนุน Moralis

โปรดตรวจสอบเอกสารอย่างเป็นทางการของ Moralis สำหรับฟังก์ชั่นทั้งหมดของ Moralis

️ Star us

หากหม้อต้มน้ำนี้ช่วยให้คุณสร้าง Ethereum dapps ได้เร็วขึ้น - โปรดแสดงโครงการนี้ทุกดาวทำให้เรามีความสุขมาก!

- Need help?

หากคุณต้องการความช่วยเหลือในการตั้งค่าแผ่นหม้อไอน้ำหรือมีคำถามอื่น ๆ - อย่าลังเลที่จะเขียนในฟอรัมชุมชนของเราและเราจะตรวจสอบโดยเร็ว ลิงค์ฟอรัม สิ่งที่ดีที่สุดเกี่ยวกับแผ่นหม้อไอน้ำนี้คือชุมชนที่ใช้งานได้อย่างยอดเยี่ยมพร้อมที่จะช่วยเหลือได้ตลอดเวลา! เราช่วยเหลือซึ่งกันและกัน

Quick Start

- Clone หรือ Fork ethereum-boilerplate :

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

- ติดตั้งการพึ่งพาทั้งหมด:

 cd ethereum-boilerplate
yarn install

✏เปลี่ยนชื่อ .env.local.example เป็น .env.local และให้ข้อมูลที่จำเป็น รับคีย์ Web3 API ของคุณจาก Dashboard Moralis:

เติมตัวแปรสภาพแวดล้อมในไฟล์. 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
• เริ่มต้นอย่างรวดเร็ว
• - สารบัญ
• - ส่วนประกอบ Ethereum
  • <NFTBalances />
  • <ERC20Balances />
  • <ERC20Transfers />
  • <NFTTransfers />
  • <Transactions />
• ผู้มีส่วนร่วม

- ส่วนประกอบ Ethereum

<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 แต่ก่อนอื่น โปรดอ่านแนวทางที่มีส่วนร่วมก่อนที่จะเปิดปัญหาหรือการประชาสัมพันธ์ เพื่อให้คุณเข้าใจกลยุทธ์การแตกแขนงและสภาพแวดล้อมการพัฒนาในท้องถิ่น

ทำด้วย contrib.rocks