IROHANI BOXいろはにぼっくす
撮影スタジオの公式サイト
いろはにぼっくすは、東京・秋葉原にある撮影スタジオの公式サイトです。サービスや設備の案内、作品ギャラリー、お問い合わせ、予約の空き確認までをひとつのサイトで届けます。
概要
来訪者はサイトで、スタジオのサービスや設備の案内、作品ギャラリー、アクセスを確認できます。お問い合わせフォームから連絡でき、予約ページでは空き状況をカレンダーで確かめられます。
スタジオの運営側は、管理画面からギャラリーの画像を追加・削除できます。ギャラリーの作品を運営側で入れ替えられます。
アーキテクチャ
- 構成
- 公開サイトと管理画面を、ひとつの Next.js アプリで構成しています。公開側と管理側は、画面も認証も分けています。
- データ
- ギャラリーの画像は、クラウドのストレージに保存しています。管理画面から画像を追加・削除できます。
- 外部連携
- お問い合わせはメールで運営側に届き、フォームにはボット対策を入れています。予約の空き確認には、カレンダーを埋め込んでいます。
- 実行環境
- Vercel で公開し、CI で自動デプロイします。
- 種別
- 撮影スタジオの公式サイト
- 区分
- サイト制作（会場・レーベルなどの公式サイト）
- 状態
- 公開中
- 担当
- 設計・開発
- 技術
- Next.js
- React
- TypeScript
- Tailwind CSS
- AWS
- Vercel
- Biome
- Vitest