LoginSignup
85
78

More than 1 year has passed since last update.

Nextjs + web3のスターターキットをOSSにします

Last updated at Posted at 2022-05-01

概要

このソースコードはNFTマーケットやDeFiなどのWeb3関連のサービスを作るときにに汎用的に使えます。
日本や世界のweb3の発展に寄与したいのでNextjs + web3のスターターキットを作りました。

Nextjs + web3のプロジェクトを始める時に必要なツールを詰め込みました。

demo site url

設定済みのツール

  • Sentry
  • Web3
  • Jest test
  • Tailwind.css
  • Vscode initialization
  • PR and Issue template
  • Seo module
  • Husky
  • Lingui
  • Google Tag Manager
  • Redux
  • ESlint
  • Prettier
  • Github workflow

スクリーンショット

PC

pc-size.png

スマホ

s-size.png

Sentry

https://sentry.io/
アプリケーションの監視とエラー追跡のソフトウェア

Web3

wallet connect

supported wallet
metamask: https://metamask.io/
coinbase: https://www.coinbase.com/en/wallet
portis: https:/portis.io
fortmatic: https://fortmatic.com/

network connect

supported network
Ethereum
Avalanche
Polygon
Ropsten

Jest test

https://jestjs.io/ja/
javascriptのユニットテストツール

Tailwind.css

https://tailwindcss.com/
css フレームワーク

Vscode initialization

https://code.visualstudio.com/
vscode 対応のための初期設定

PR and Issue template

github pr と issue テンプレート

Seo module

NextjsでSEO対策するための初期設定

Husky

https://www.npmjs.com/package/husky
コミット時に自動でコマンドを実行

Lingui

https://lingui.js.org/
Javascriptのシームレスな国際化

Google Tag Manager

https://tagmanager.google.com/
Google Analyticsは、広告のROIを測定するだけでなく、Flash、ビデオ、ソーシャルネットワークのサイトやアプリケーションを追跡することができます。

Redux

https://redux.js.org/
JSアプリのための予測可能なステートコンテナ

Eslint

https://eslint.org/
コードチェックツール

Prettier

https://prettier.io/
コードフォーマッター

Github workflow

https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions
CI/CD ツール
Github のワークフローは、コミットやマージが行われたときにデプロイやテストを実行する

85
78
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
85
78