NOTE 091 / 2021年
イベントサイトを静的に配るまで
イベントサイトを Next.js で作り、静的配信に載せる流れを整理します。
イベントサイトは公開までの時間が短く、更新も直前まで続きます。静的な配信にしておくと、アクセスが集中しても構成を保ちやすいという利点があります。一方で、パスの設定や画像の置き場所は事前に決めておく必要があります。
登壇情報やタイムテーブルは、更新のたびに手で直すと抜け漏れが起きます。データを一箇所にまとめ、画面はそれを読むだけにすると、直前の変更にも落ち着いて対応できます。
押さえたい点
- 01公開までの時間を逆算して決める
- 02データと画面を分ける
- 03パスと画像の置き場所を先に決める
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- React 学習ガイド 外部サイトreact.dev
- React リファレンス 外部サイトreact.dev
- React で考える 外部サイトreact.dev
- useState リファレンス 外部サイトreact.dev
- useEffect リファレンス 外部サイトreact.dev
- useContext リファレンス 外部サイトreact.dev
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- Next.js ドキュメント 外部サイトnextjs.org
- Next.js 学習 外部サイトnextjs.org
- Vercel ドキュメント 外部サイトvercel.com
- TypeScript の設定 外部サイトtypescriptlang.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- GitHub Pages 外部サイトdocs.github.com