MONDAY RELIEF
VRChat DJイベントのランディングページ
MONDAY RELIEF は、VRChatで開くDJイベントの公開サイトと、イベントやDJを管理する管理画面を備えたWebアプリです。
概要
イベントやDJなどのコンテンツを管理画面から更新して、公開サイトに載せます。もとはCodeIgniter 4でつくったものを、Next.jsに移植しました。
公開サイトは、月をテーマに、カール・セーガンの言葉がアニメーションで浮かび上がる構成にしました。
アーキテクチャ
- 構成
- Next.js・React・TypeScript・Tailwind CSS のひとつのアプリに、画面とAPI（Next.js の API Routes）を持たせています。
- データと認証
- データベースは Turso（libSQL）です。管理画面はログインで保護し、画像などのファイルは、クラウドのストレージに置きます。
- 実行環境
- デプロイは Vercel です。ローカルでは Docker Compose でも動かせます。
- 種別
- VRChat DJイベントのランディングページ
- 区分
- LAB（個人制作・実験）
- 担当
- 制作
- 技術
- Next.js
- React
- TypeScript
- Tailwind CSS
- Turso
- AWS
- Vercel