TOKYO SECRETS 0/7
SITE

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