template web3 app

next.js、rainbowkit、tailwind、signin with Ethereumなどを使用して構築されたWeb3アプリテンプレート。

ドキュメント

• はじめる
  • 環境変数
  • JSON-RPC
  • Wagmi Cli
  • UIコンポーネント
  • バックエンドデータベース
• コア統合
  • ？レインボーキット
  • ？イーサリアムでサインイン
• スマートコントラクトの統合
  • ERC20
• API統合
  • ディスコ
  • Etherscan

はじめる

pnpm CLIは推奨されるパッケージマネージャーですが、 npmとyarnも機能するはずです。

pnpm install

発達

pnpm dev

建てる

pnpm build

Web3コア

• Wagmi Cli-自動反応フック生成
• Rainbowkit-ウォレット接続マネージャー
• Ethereumのサインイン - アカウント認証

Web2フレームワーク

• Vercel-アプリインフラストラクチャ
• Prisma -Database orm

開発者エクスペリエンス

• タイプスクリプト - エンドツーエンドタイプフェティ用の静的タイプチェッカー
• きれい - 一貫したコードスタイルのための意見のコードフォーマッタ
• ESLINT - next.jsおよびtypeScript用のプラグ可能なリナー

ユーザーインターフェイス

• TailWindCSS - 迅速なUI開発のためのユーティリティファーストCSSフレームワーク
• 基数 - モーダル、ポップオーバーなどのプリミティブ。ユーザーエクスペリエンスを構築する
• フレーマーモーション - アニメーションコンポーネントに簡単に反応するためのモーションライブラリ
• 反応アイコン - 美しくシンプルで、ピクセルに最適なアイコン

UI.Shadcn.comコンポーネントは/components/shared/uiフォルダーに含まれています。

開発者エクスペリエンス

？ハスキーとは何ですか

ハスキーはあなたのgitコミットを改善します。

それを使用して、コミットメッセージ、テストを実行し、リントコードを実行するなど...コミットまたはプッシュするときに使用できます。ハスキーはすべてのgitフックをサポートしています。

？フック

• 事前コミット：Lint App CodeBase
• commit-msg：commintlintを適用します

？ Commitlintとは何ですか

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

Commitlint-config-Conventional（角度条約に基づく）に応じた一般的なタイプは次のとおりです。

• 建てる
• 雑用
• CI
• ドキュメント
• 偉業
• 修理
• パフォーマンス
• リファクタリング
• 戻る
• スタイル
• テスト

謝辞

元のテンプレートは、https：//github.com/wslyvh/nexthからフォークされました

ありがとう@wslyvh

---

Copyright 2023 Kames Geraghty