template web3 app

Modelo de aplicativo Web3 construído usando o Next.js, Rainbowkit, Tailwind, assinar com o Ethereum e muito mais.

Documentação

• Começando
  • Variáveis de ambiente
  • JSON-RPC
  • Wagmi cli
  • Componentes da interface do usuário
  • Banco de dados de back -end
• Integrações principais
  • ? Rainbowkit
  • ? Entrar com o Ethereum
• Integrações de contratos inteligentes
  • ERC20
• Integrações da API
  • Discoteca
  • EtherScan

Começando

A pnpm CLI é o gerenciador de pacotes recomendado, mas npm e yarn também devem funcionar.

pnpm install

Desenvolvimento

pnpm dev

Construir

pnpm build

Web3 Core

• WAGMI CLI - Geração automática de gancho de reacto
• Rainbowkit - Gerente de conexão com carteira
• Entrar com o Ethereum - autenticação da conta

Estruturas Web2

• VERCEL - Infraestrutura de aplicativo
• Prisma - banco de dados ORM

Experiência do desenvolvedor

• TypeScript-verificador de tipo estático para obter o tipo de adetência de ponta a ponta
• Formatador de código mais bonito - Opinacionado para o estilo de código consistente
• Eslint - Linter flugable para Next.js e TypeScript

Interface do usuário

• Tailwindcss-Utility-primeiro CSS Framework para o desenvolvimento rápido da interface do usuário
• Radix - primitivas como modal, popover, etc. Para construir uma experiência estelar do usuário
• Framer Motion - Biblioteca de movimento para reagir a componentes animados com facilidade
• Ícones de reação-Ícones lindamente simples e perfeitos para pixels

Os componentes ui.shadcn.com estão incluídos na pasta /components/shared/ui .

Experiência do desenvolvedor

? O que é Husky

Husky melhora o seu cometimento Git.

Você pode usá -lo para fingir suas mensagens de confirmação, executar testes, código de fiapos, etc ... quando você se compromete ou empurra. Husky suporta todos os ganchos git.

? Ganchos

• Pré-compromisso: Lint App CodeBase
• COMMIT-MSG: aplique commIntlint

? O que é commitlint

CommitLint verifica se suas mensagens de confirmação atendem ao formato de confirmação convencional.

Em geral, o padrão se parece com isso:

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

Exemplos do mundo real podem ficar assim:

 chore: run tests on travis ci

 fix(server): send cors headers

 feat(blog): add comment section

Tipos comuns de acordo com CommitLint-Config-Convencional (com base na Convenção Angular) podem ser:

• construir
• Core
• CI
• documentos
• façanha
• consertar
• perf
• refattor
• reverter
• estilo
• teste

Agradecimentos

O modelo original foi bifurcado em https://github.com/wslyvh/nexth

Obrigado @wslyvh

---

Copyright 2023 Kames Geraghty