プロジェクト概要
Next.js/Vercelで構築したWEALTH CLUBのWebアプリケーションを、Salesforce Experience Cloud上にLightning Web Components（LWC）を使って再構築したプロジェクトです。Salesforceプラットフォームの堅牢なセキュリティとデータ管理機能を活かしながら、元のデザインと同等のUI/UXを実現しています。
システム構成図
主な機能
会員ダッシュボード
予約状況・お知らせ・ポイント残高をリアルタイム表示。会員ランクに応じたパーソナライズ。
レストラン予約
提携レストランの検索・詳細・予約。予約確定時にPlatform Eventsで即時通知。
ラウンジ予約
会員専用ラウンジの空き状況確認と即時予約。時間帯選択やオプション追加。
イベント管理
会員限定イベントの一覧・詳細・参加申込。カレンダー連携でスケジュール管理。
会員プロフィール
会員情報管理、ポイント履歴、通知設定。Shield暗号化で個人情報保護。
技術的なポイント
- Salesforce Experience Cloud上にLWCで構築
- WEALTH CLUB（Next.js版）のデザインをLWCで忠実に再現
- Apex Controllers + SOQL/SOSLによるデータアクセス
- Platform Eventsによるリアルタイム通知
- Shield（Platform Encryption）による個人情報保護
- カスタムオブジェクト（会員、予約、イベント、ポイント履歴）のデータモデル設計
開発プロセス
既存のNext.js版をリファレンスに、Salesforceプラットフォーム上での再実装をVibe Codingで実施。LWCコンポーネント設計からApex実装、Experience Cloudのテーマカスタマイズまで約5時間で完成しました。
注意事項
このサイトはSalesforce Experience Cloudで構築されたプロトタイプです。実際のサービスではありません。
デモサイトへのアクセス情報
ID
wealth@demo.com
PW
cclt2026
スクリーンショット
