template web3 app

Modèle d'application web3 construit à l'aide de Next.js, Rainbowkit, Tailwind, connexion avec Ethereum, et plus encore.

Documentation

• Commencer
  • Variables d'environnement
  • JSON-RPC
  • WAGMI CLI
  • Composants de l'interface utilisateur
  • Base de données backend
• Intégrations de base
  • ? Arc-en-ciel
  • ? Connexion avec Ethereum
• Intégrations de contrats intelligents
  • ERC20
• Intégrations API
  • Disco
  • Étherscan

Commencer

Le pnpm CLI est le gestionnaire de packages recommandé, mais npm et yarn devraient également fonctionner.

pnpm install

Développement

pnpm dev

Construire

pnpm build

Web3 noyau

• WAGMI CLI - Génération automatique des crochets réactifs
• Rainbowkit - Gestionnaire de connexion du portefeuille
• Connexion avec Ethereum - Authentification du compte

Frameworks web2

• Vercel - Infrastructure d'applications
• PRISMA - ORM de base de données

Expérience du développeur

• TypeScript - Type de contrôle statique pour les types de type de bout
• Plus joli - Fondeur de code d'opinion pour un style de code cohérent
• Eslint - Linter enfichable pour next.js et dactylographie

Interface utilisateur

• TailwindCSS - First CSS de l'utilitaire pour le développement rapide de l'interface utilisateur
• Radix - Primitives comme Modal, Popover, etc. Pour créer une expérience utilisateur stellaire
• Motion du crampon - Bibliothèque de mouvement pour réagir pour animer les composants avec facilité
• Icônes React - Icônes magnifiquement simples, parfaites des pixels

Les composants ui.shadcn.com sont inclus dans le dossier /components/shared/ui .

Expérience du développeur

? Qu'est-ce que Husky

Husky améliore vos engagements Git.

Vous pouvez l'utiliser pour peindre vos messages de validation, exécuter des tests, du code de peluche, etc ... lorsque vous vous engagez ou poussez. Husky soutient tous les crochets Git.

? Crochets

• Pré-engagement: base de code d'application Lint
• Commit-MSG: Appliquer Commintlint

? Qu'est-ce que COMMISSION

Commitlint vérifie si vos messages de validation respectent le format de validation conventionnel.

En général, le modèle ressemble principalement à ceci:

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

Des exemples du monde réel peuvent ressembler à ceci:

 chore: run tests on travis ci

 fix(server): send cors headers

 feat(blog): add comment section

Les types courants selon le commissaire-conventionnel de commitlint (basé sur la convention angulaire) peuvent être:

• construire
• corvée
• CI
• docs
• exploit
• réparer
• perf
• refacteur
• revenir
• style
• test

Remerciements

Le modèle d'origine a été fourchu à partir de https://github.com/wslyvh/nexth

Merci @wslyvh

---

Copyright 2023 Kames Geraghty