プロジェクト概要

PageHub は通常は相容れない 2 つの作り方 — AI の速さと HTML の自由度 — を統合しました。事業内容を説明すると AI がセクション構成を立て、順に生成。仕上げは HTML モードで完全に引き取れます。

課題

閉じたブロック型ビルダーは必ずベンダーロックインに至り、一発生成型の AI は途中で失敗してクレジットを二重消費しがちです。両方を同時に解く必要がありました。

作業範囲

• 一時停止と再開が可能な、キュー方式のページ生成パイプライン
• Elementor 型の視覚編集：要素選択、ドラッグ並べ替え、プロパティパネル、要素ツリー、完全な取り消し／やり直し
• HTML を真実の源とするコードモード、レスポンシブなライブプレビュー、ページごと 50 版の履歴
• 組織・ロール付きメンバーシップ・サイト単位権限からなるマルチテナント構成
• クォータ、AI クレジット、手動振込課金、期限超過の自動処理を含むサブスクリプション
• Filament 製スーパー管理画面、統合マーケティングサイト、30 種のテンプレートギャラリー

主な機能

• Anthropic Claude・OpenAI・DeepSeek の 3 プロバイダを設定で切り替え
• ページごとの AI チャットで反復修正。ビジョンモデル向け画像添付にも対応
• グローバルテーマ、ナビゲーション、共通ヘッダー・フッターを備えた複数ページサイト
• サイト別ブログ、送信記録付きお問い合わせフォーム、GA4／GTM／Meta／TikTok ピクセル挿入
• メモリキャッシュから配信される公開 URL と、TXT 検証によるカスタムドメイン
• 支払い遅延時は無料プランへ降格し、7 日の猶予後に超過コンテンツを整理

技術

Laravel 12、Inertia 2、Vue 3＋TypeScript、PrimeVue、Bootstrap、Filament 3、MySQL 8。キュー・キャッシュ・スケジューラをデータベース上で動かすため Redis 不要で、共有ホスティングと cron 1 行で稼働します。UI はアラビア語 RTL を含む 4 言語対応。

成果

pagehub.id でサブスクリプションとして運営しつつ、フルソースとしても販売。ライセンス保有者は重厚な基盤なしで自社ブランドの同種サービスを開始できます。