template web3 app

Template Aplikasi Web3 Dibangun menggunakan Next.js, Rainbowkit, Tailwind, Masuk dengan Ethereum, dan banyak lagi.

Dokumentasi

• Memulai
  • Variabel Lingkungan
  • JSON-RPC
  • Wagmi cli
  • Komponen UI
  • Database backend
• Integrasi inti
  • ? Rainbowkit
  • ? Masuk dengan Ethereum
• Integrasi kontrak pintar
  • ERC20
• Integrasi API
  • Disko
  • Etherscan

Memulai

pnpm CLI adalah manajer paket yang disarankan tetapi npm dan yarn juga harus berfungsi.

pnpm install

Perkembangan

pnpm dev

Membangun

pnpm build

Inti web3

• WAGMI CLI - Generasi Kait Bereaksi Otomatis
• Rainbowkit - Manajer Koneksi Dompet
• Masuk dengan Ethereum - Otentikasi Akun

Kerangka Web2

• Vercel - Infrastruktur Aplikasi
• Prisma - Database ORM

Pengalaman Pengembang

• TypeScript-Pemeriksa Tipe Statis untuk TypeFety end-to-end
• Formatter kode yang lebih cantik
• Eslint - linter pluggable untuk next.js dan naskah

Antarmuka pengguna

• TailwindCSS-Kerangka kerja CSS utilitas-pertama untuk pengembangan UI yang cepat
• Radix - Primitif seperti Modal, Popover, dll. Untuk membangun pengalaman pengguna bintang
• Framer Motion - Perpustakaan Gerakan untuk Bereaksi terhadap Komponen Animasi Dengan Mudah
• Ikon bereaksi-ikon yang sangat sederhana, pixel-perfect

Komponen UI.Shadcn.com termasuk dalam folder /components/shared/ui .

Pengalaman Pengembang

? Apa itu Husky

Husky meningkatkan komitmen git Anda.

Anda dapat menggunakannya untuk memasukkan pesan komit Anda, menjalankan tes, kode serat, dll ... saat Anda berkomitmen atau mendorong. Husky mendukung semua kait git.

? Kait

• Pra-Komit: Basis kode aplikasi serat
• Commit-MSG: Terapkan Comrintlint

? Apa itu komitlint

CommitLint memeriksa apakah pesan komit Anda memenuhi format komit konvensional.

Secara umum polanya sebagian besar terlihat seperti ini:

type(scope ? ): subject  # scope is optional; multiple scopes are supported (current delimiter options: "/", "" and ",")

Contoh dunia nyata bisa terlihat seperti ini:

 chore: run tests on travis ci

 fix(server): send cors headers

 feat(blog): add comment section

Jenis Umum Menurut CommitLint-Config-Conventional (berdasarkan konvensi sudut) dapat:

• membangun
• pekerjaan rumah
• ci
• dokumen
• prestasi
• memperbaiki
• perf
• Refactor
• kembali
• gaya
• tes

Ucapan Terima Kasih

Template asli bercabang dari https://github.com/wslyvh/nexth

Terima kasih @wslyvh

---

Hak Cipta 2023 Kames Geraghty