ANTHEM AKIBA
ライブハウスの公式サイト
ANTHEM AKIBA は、秋葉原のライブハウス＆クラブの公式サイトです。イベントのスケジュールや会場の案内、お問い合わせを、見やすく公開しています。
概要
サイトでは、スケジュール、トピックス、会場の案内、アクセス、レンタル、ギャラリー、お問い合わせのページを見られます。スケジュールなどのデータは、別のバックエンドから取得して表示します。
バックエンドが一時的に応答しないときも、画面が空にならないように設計しています。直近の正常なデータを配信し続け、古いデータを表示するときは最終更新の時刻を添えます。
お問い合わせフォームにはボット対策を入れ、表示する HTML は無害化します。
アーキテクチャ
- 構成
- 公開サイト（フロントエンド）とバックエンド API を分け、スケジュールなどのデータは API から取得して表示します。
- 障害への備え
- キャッシュ、ブラウザ側への保存、フォールバック表示を重ね、API に障害があっても画面を空にしない方針です。
- 実行環境
- フロントエンドとバックエンドを別々のクラウドで運用しています。
- 種別
- ライブハウスの公式サイト
- 区分
- サイト制作（会場・レーベルなどの公式サイト）
- 状態
- 公開中
- 担当
- 設計・開発
- 技術
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Vitest
- Biome
- Vercel