TOKYO SECRETS 0/7
SITE

Leaves

麻雀サロンの公式サイト

Leaves は、個室麻雀サロン「Leaves」の公式サイトと管理システムです。来店を検討する人に向けた店舗の案内、ブログ、お問い合わせを公開し、運営側は管理画面からお問い合わせとブログを管理できます。

概要

公開サイトには、店舗を紹介するトップページ、ブログ、お問い合わせフォーム、利用規約・プライバシーポリシー・特定商取引法に基づく表記があります。予約は、トップページのボタンから LINE の予約案内を開く導線です。予約の案内先やキャンペーン文言は、サイト設定から公開サイトに反映されます。

管理画面では、ダッシュボードで新着のお問い合わせや公開中の記事の数を確認できます。お問い合わせは対応状況(未対応・対応済)を管理でき、ブログ記事は作成・編集・削除と、下書き・公開の切り替えができます。

アーキテクチャ

構成
公開サイトは Next.js、API と管理画面は Laravel と、役割を分けた構成です。
データ
お問い合わせとブログ記事はデータベースに保存し、記事の画像はクラウドのストレージに置いています。
認証
管理画面は、公開側とは別の認証の系統で保護しています。
実行環境
開発環境はコンテナで揃え、デプロイは CI で自動化しています。
種別
麻雀サロンの公式サイト
区分
サイト制作(会場・レーベルなどの公式サイト)
状態
公開中
担当
設計・開発
技術
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Laravel
  • PHP
  • MySQL
  • Docker
  • GitHub Actions
  • AWS