GitHub Organization 「nekochans」の説明用 Web サイト
.env
を作成し、下記を設定してください。
NEXT_PUBLIC_GA_MEASUREMENT_ID=Google Analytics(次世代の4)の測定ID(G-から始まるID)を指定
npm ci
で依存 package をインストールします。
その後 npm run dev
でホットリロードが有効な状態でアプリケーションサーバーを起動します。
http://localhost:2929
でアクセス可能です。
様々な linter を実行します。
現在採用している linter は以下の通りです。(Prettier はどちらかと言うと Formatter)
こちらのチェックでエラーになったコードは CI のチェックを通過する事が出来ません。
linter で利用しているツールの format 機能を利用してソースコードの整形を行います。
Storybook のサーバーを起動します。
http://localhost:6006
でアクセス可能です。
テストを実行します。
このアプリケーションは Vercel によってホスティングされています。
main
ブランチにマージされた時点で本番環境へデプロイが行われます。
アプリケーションで利用する環境変数が増えた場合は こちら より設定が必要です。
環境変数は以下の環境毎に必要です。
- Production
- 本番環境
- Preview
- GitHub のブランチにプッシュされる度に一時的に生成される環境
- Development
- vercel dev コマンドでローカル環境を起動した場合、この環境変数が利用されます。
※ 全環境で共有な環境変数を設定する事も可能です。