IV AKIHABARA
DJバーの公式サイトと管理画面
IV AKIHABARA は、秋葉原の DJ・クリエイター向けバーの公式サイトと運営管理システムです。イベントや機材の案内、お問い合わせを公開し、スケジュールや請求書などを管理画面で扱えます。
概要
公開サイトでは、トピックス、スケジュール、機材の情報、お問い合わせフォームを見られます。スケジュールには、内容が未定のイベントを「TBA」として載せる機能があります。
管理画面では、トピックス、スケジュール、機材、SNS リンク、お問い合わせ、請求書、ユーザーを管理できます。お問い合わせは対応状況と既読を扱え、請求書は PDF として出力できます。
管理画面での操作は記録として残り、新しいお問い合わせは通知で知らせます。お問い合わせフォームにはボット対策とメール通知を入れています。
アーキテクチャ
- 構成
- 公開サイトと管理画面をひとつのフロントエンドにまとめ、バックエンドの API とつないでいます。
- データ
- データベースに保存し、請求書の PDF などのファイルはクラウドのストレージに置きます。
- 権限
- 公開向けと管理向けで API を分け、管理側は認証を通ったときだけ使えます。
- 実行環境
- コンテナで動かし、CI で自動デプロイします。
- 種別
- DJバーの公式サイトと管理画面
- 区分
- サイト制作（会場・レーベルなどの公式サイト）
- 状態
- 公開中
- 担当
- 設計・開発
- 技術
- Next.js
- React
- TypeScript
- Tailwind CSS
- TanStack
- Laravel
- MySQL
- Docker
- AWS