TOKYO SECRETS 0/7
SITE

commune310

音楽レーベルの公式サイト

commune310 は、主宰する音楽レーベルの公式サイトです。新作や過去作品のリリース情報を紹介し、検索や音源の試聴、各種配信・販売ページへのリンクを一か所にまとめています。

概要

トップページでは新作(NEW RELEASE)と過去作品を一覧でき、作品ごとに詳細を開けます。キーワードで探せる検索ページと、音源を試聴できるプレイヤーを備えています。

Bandcamp・BOOTH・YouTube・X など、各サービスへのリンクもまとめています。通常のページとは別に、企画ごとの特設ページも設けています。

アーキテクチャ

構成
Next.js の App Router で、通常ページと特設ページを分けて構成しています。
データ
リリース情報やサイトの設定は、アプリ内のデータ定義として管理しています。
実行環境
Vercel にデプロイしています。
品質管理
ユニットテストと Biome による静的チェックを用意しています。
種別
音楽レーベルの公式サイト
区分
サイト制作(会場・レーベルなどの公式サイト)
状態
公開中
担当
設計・開発
技術
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Three.js
  • Vitest
  • Biome
  • Vercel