template web3 app

Web3应用模板使用Next.js，RainbowKit，Tailwind，与以太坊登录等等。

文档

• 入门
  • 环境变量
  • JSON-RPC
  • Wagmi CLI
  • UI组件
  • 后端数据库
• 核心集成
  • ？ Rainbowkit
  • ？与以太坊登录
• 智能合同集成
  • ERC20
• API集成
  • 迪斯科
  • etherscan

入门

pnpm CLI是推荐的软件包管理器，但npm和yarn也应该工作。

pnpm install

发展

pnpm dev

建造

pnpm build

Web3核心

• WAGMI CLI-自动式钩子生成
• RainbowKit-钱包连接经理
• 与以太坊登录 - 帐户身份验证

Web2框架

• Vercel-应用基础架构
• Prisma-数据库ORM

开发人员的经验

• 打字稿 - 端到端typesafety的静态类型检查器
• Prettier - 一致的代码样式的自以为是的代码格式
• Eslint - Next.js和Typescript的可插入衬里

用户界面

• parwindcss - 公用事业第一CSS快速UI开发框架
• radix - 模态，弹出窗口等原始人，以构建出色的用户体验
• 制定者运动 - 轻松对动画组件的运动库
• React图标 - 精美，简单，像素完美的图标

UI.shadcn.com组件包含在/components/shared/ui文件夹中。

开发人员的经验

？什么是沙哑的

沙哑改善了您的git提议。

您可以使用它来提交提交消息，运行测试，绒毛代码等...提交或推送时。沙哑的支持所有git钩。

？钩子

• 预订：棉绒应用程序代码库
• commit-msg：应用commintlint

？什么是commlint

commitlint检查您的提交消息是否符合常规提交格式。

通常，模式通常看起来像这样：

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

现实世界的例子看起来像这样：

 chore: run tests on travis ci

 fix(server): send cors headers

 feat(blog): add comment section

根据commlint-config-contentional（基于角度惯例）的常见类型可以：

• 建造
• 琐事
• CI
• 文档
• 壮举
• 使固定
• perf
• 重构
• 恢复
• 风格
• 测试

致谢

原始模板摘自https://github.com/wslyvh/nexth

谢谢@wslyvh

---

版权2023 Kames Geraghty