nextjs dapp starter ts

Solidity Smart Contract DevelopmentのフルスタックDAPPスターター

TypeSafeフルスタックの堅実さの開発のためのモノレポのボイラープレートコード。

コンテンツ

• 前提条件
• 特徴
• gitpodで実行します
• ローカルで実行します
• 生産用に構築します
• 謝辞
• ライセンス

前提条件

• pnpm
• node.js
• メタマスクウォレットブラウザ拡張機能。

特徴

含まれているフレームワークとツールの概要を次に示します。

• next.js-サーバーレンダリングReactアプリケーションの最小限のフレームワーク。
• TypeScript-主にオプションの静的タイピング、クラス、インターフェイスを提供するJavaScriptのスーパーセット。
• Eslint-プラグ可能な糸くずのユーティリティ。
• Turborepo- JavaScriptおよびTypeScriptコードベース用の高性能ビルドシステム。
• PNPM-高速、ディスクスペース効率の良いパッケージマネージャー。
• Wagmi -EthereumのReact Hooks Library。
• Tailwind CSS -HTMLを離れることなく、最新のWebサイトを急速に構築します。
• TypeChain -Ethereumスマートコントラクトのタイプスクリプトバインディング。
• Hardhat-専門家のためのイーサリアム開発環境。
• Hardhat -Deploy-複製可能な展開と簡単なテスト用のハードハットプラグイン。
• CHAI -Node用のBDD / TDDアサーションライブラリと、JavaScriptテストフレームワークと楽しくペアリングできるブラウザ。
• Mocha-機能が豊富なJavaScriptテストフレームワーク。

gitpodで実行します

このプロジェクトをGitPodで実行するには、次の手順に従ってください。

1. このリンクをクリックして、gitpodに展開します

2. gitpodで与えられたRPCアドレスをメタマスクウォレットにインポートします

このエンドポイントは次のようになります：

https://8545-copper-swordtail-j1mvhxv3.ws-eu18.gitpod.io/

チェーンIDは1337でなければなりません。ローカルホストRPCが設定されている場合は、上書きする必要がある場合があります。

また、ポート設定に移動して、オープンポートのステータスを変更することもできます。

ローカルで実行します

プロジェクトをクローンします

  npx degit G3root/nextjs-dapp-starter-ts my-project

プロジェクトディレクトリに移動します

  cd my-project

依存関係をインストールします

  pnpm install

開発サーバーを開始します

  pnpm dev

生産用に構築します

生産ビルドを生成するため

 pnpm build

謝辞

• テンプレート - ethereum契約

ライセンス

mit