福岡の美容院予約ポータル - 中国人観光客向けの多言語対応予約システム

🌐 本番サイト: https://beauty-appointment-portal.vercel.app
📋 管理画面: https://beauty-appointment-portal.vercel.app/admin

• 🏪 サロン検索: 福岡の人気美容院を閲覧
• 🔍 詳細フィルター: サービス、価格、評価で絞り込み
• 📅 簡単予約: シンプルな予約システム
• 🌙 ダークモード: 美しいダークテーマ対応
• 📱 レスポンシブ: すべてのデバイスで快適
• 🎨 モダンUI: 洗練されたインターフェース
• 🌏 多言語対応: 中国語・日本語対応

• フレームワーク: Next.js 15.5.4 (App Router)
• 言語: TypeScript
• スタイリング: Tailwind CSS
• アイコン: Lucide React
• デプロイ: Vercel

• Node.js 18以上
• npm または yarn

1. リポジトリをクローン:

git clone https://github.com/OSAMU456/-.git
cd -

2. 依存関係をインストール:

npm install

3. 開発サーバーを起動:

npm run dev

4. ブラウザで http://localhost:3000 を開く

詳細な構造は PROJECT_STRUCTURE.md を参照してください。

📦 美丽预约
├── 📂 src/              # アプリケーションコード
│   ├── app/            # ページ（Next.js App Router）
│   ├── components/     # Reactコンポーネント
│   ├── lib/           # ユーティリティ・データ
│   └── types/         # TypeScript型定義
├── 📂 public/          # 静的ファイル
├── 📂 docs/            # ドキュメント
├── 📂 deployment/      # デプロイ設定
└── 📂 .vscode/         # VS Code設定

このプロジェクトはVercelで簡単にデプロイできます：

# 変更をコミット
git add .
git commit -m "Update: ..."

# GitHubにプッシュ（自動デプロイ）
git push origin main

Vercelが自動的にデプロイを検出し、約1-2分で完了します。

GCPへのデプロイ手順は docs/DEPLOYMENT.md を参照してください。

アクセス: /admin

• 📅 予約管理
• ✂️ サービス管理
• 👥 スタッフ管理
• 📊 統計ダッシュボード

詳しい使い方は docs/ADMIN_GUIDE.md を参照してください。

src/lib/mockData.ts を編集

src/app/globals.css を編集

src/app/新しいページ/page.tsx を作成

詳細は PROJECT_STRUCTURE.md を参照してください。

npm run build

でエラーを確認

# 別のポートで起動
PORT=3001 npm run dev

rm -rf .next
npm run dev

MIT

プルリクエストを歓迎します！

1. このリポジトリをフォーク
2. 機能ブランチを作成 (git checkout -b feature/amazing-feature)
3. 変更をコミット (git commit -m 'Add amazing feature')
4. ブランチにプッシュ (git push origin feature/amazing-feature)
5. プルリクエストを開く

質問や問題がある場合は、GitHubでIssueを開いてください。

🎉 美丽预约へようこそ！福岡で最高の美容院体験を提供します。

「美丽预约」是专为访日・在日中国人打造的美容室检索・预约门户网站。我们的目标是消除语言障碍，为日本美容室提供新的获客渠道。

用户功能 (User Features):

• 微信等社交媒体登录 (WeChat & SNS Login)
• 多样化搜索功能：地区、当前位置、中文服务人员 (Advanced Search: Area, Location, Chinese-speaking Staff)
• 沙龙、员工、发型详细信息查看 (Detailed Salon, Staff & Style Information)
• 实时在线预约功能 (Real-time Online Booking)

商家功能 (Business Features):

• 沙龙信息管理系统 (Salon Information Management)
• 员工出勤状态更新 (Staff Schedule Management)
• 发型作品上传管理 (Style Portfolio Management)
• 预约状况日历管理 (Booking Calendar Management)

• 移动优先设计 (Mobile-First Design)
• 简体中文界面 (Simplified Chinese Interface)
• 响应式布局 (Responsive Layout)
• 现代化技术栈 (Modern Tech Stack)

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

• Frontend: Next.js 15, React 19, TypeScript
• Styling: Tailwind CSS
• Language: TypeScript
• Infrastructure: Google Cloud Platform

• Hosting: Cloud Run (サーバーレスコンテナ)
• Database: Cloud SQL (PostgreSQL 15)
• Storage: Cloud Storage + Cloud CDN
• CI/CD: Cloud Build / GitHub Actions
• Secrets: Secret Manager
• Monitoring: Cloud Logging & Monitoring
• Region: asia-northeast1 (東京)

# GCPプロジェクトとインフラをセットアップ
./scripts/setup-gcp.sh

# 環境変数を設定
cp .env.example .env
# .envファイルを編集してGCP設定を追加

./scripts/deploy-gcp.sh

gcloud builds submit --config=cloudbuild.yaml

cd terraform
terraform init
terraform apply

詳細は DEPLOYMENT.md を参照してください。

初期将在福岡等主要城市展开，未来计划扩展至全日本。 (Initially targeting major cities like Fukuoka, with plans to expand nationwide)

This is a Next.js project bootstrapped with create-next-app.