npm install
npm run dev
Open http://localhost:3000 with your browser to see the result.
以下にメンバーの追加手順を記します。
content/members/imagesにご自身のプロフィール画像を追加する。- コマンド
npm run add-memberを実行し、質問に沿ってコマンドラインに入力していく。 content/members以下に追加したいメンバーの名前のついたtsファイルが存在しているか内容も含めて確認する。- 別ブランチを切ってコミットし、PRを作成してレビュー依頼する。（誰でもOK）
cyrilwanner/next-optimized-images@canaryを使った画像リサイズ/圧縮ができます。
<img
src={require(`@/content/members/${member.image}?width=144&height=144`)}
width={72}
height={72}
/>
/**
* 結果:
* <img src="data:image/jpeg;base64,/9..." width="72" height="72">
*/注意:
- 画像パスは動的に設定できますが、クエリ部分に変数は使用できません。
- 変換後の画像のサイズがある程度小さい場合は自動的にインライン画像になります（設定で変更可能）
詳しい使い方はcyrilwanner/next-optimized-imagesを確認してください。