bassmicrobe.com
DJ・トラックメイカーの活動サイト
bassmicrobe は、私が DJ・トラックメイカーとして音楽活動をするときの名義です。bassmicrobe.com は、その名義の公式サイトで、プロフィール、作品などのインフォメーション、スケジュール、お問い合わせを1ページで公開し、内容は専用の管理画面から自分で更新できます。
概要
bassmicrobe 名義の活動を発信するサイトです。公開サイトでは、プロフィールと外部リンク、最新の作品などを紹介するインフォメーション、スケジュールを見せ、イベント出演や楽曲制作の依頼はお問い合わせフォームから受け付けます。
管理画面では、インフォメーションとスケジュールの追加・編集・削除、表示のオン・オフ、表示順の並べ替えができます。コードを触らずに、活動の最新情報を更新できます。
アーキテクチャ
- 構成
- 公開サイト、管理画面、データを返す API をひとつの Next.js アプリにまとめ、公開側と管理側で画面とデータの経路を分けています。
- データ
- スケジュールやインフォメーションなどの内容はデータベースに保存し、ORM を通して読み書きします。画像などのファイルはクラウドのストレージで扱います。
- お問い合わせ
- フォームの内容はサーバー側で検証し、スパム対策を入れたうえで、クラウドのメール配信サービスから通知します。
- 実行環境
- GitHub のリポジトリと連携し、Vercel にデプロイして公開しています。
- 種別
- DJ・トラックメイカーの活動サイト
- 区分
- サイト制作(会場・レーベルなどの公式サイト)
- 状態
- 公開中
- 担当
- 設計・開発
- 技術
- Next.js
- React
- TypeScript
- Tailwind CSS
- Prisma
- Turso
- AWS
- Vercel