Project Overview

PageHub joins two normally separate ways of building pages: the speed of AI and the freedom of HTML. Users describe their business, the AI plans the sections and builds them one by one, and the result can still be taken over completely in code mode.

The Challenge

Locked block builders always end in vendor lock-in, while one-shot AI generation tends to fail halfway and burn credits twice. Both had to be solved at once.

Scope of Work

• A queue-based page generation pipeline that can pause and resume
• An Elementor-style visual editor: select elements, reorder by dragging, property panel, element tree outline, full undo and redo
• A code mode with HTML as the source of truth, responsive live preview, and 50 revisions per page
• Multi-tenant architecture: organisations, role-based membership, and per-website access levels
• Subscriptions with quotas, AI credits, manual transfer billing, and automatic overdue handling
• A Filament superadmin panel, integrated marketing site, and a gallery of 30 ready templates

Key Features

• Three AI providers — Anthropic Claude, OpenAI, and DeepSeek — switchable from settings
• A per-page AI chat panel for iterative revisions, including image attachments for vision models
• Full multi-page websites with a global theme, navigation, and shared header and footer
• Per-website blog, contact forms with submission reports, and GA4, GTM, Meta, and TikTok pixel injection
• Publishing to clean public URLs served from memory cache, plus custom domains with TXT verification
• Overdue subscriptions drop to the free plan with a seven-day grace period before content cleanup

Technology

Laravel 12, Inertia 2, Vue 3 with TypeScript, PrimeVue, Bootstrap, Filament 3, and MySQL 8. Queues, cache, and scheduling run on the database, so no Redis is required — shared hosting with a single cron line is enough. The interface ships in four languages including right-to-left Arabic.

Outcome

PageHub runs as a subscription service at pagehub.id and is also sold as full source code, letting licensees launch a similar service under their own brand without heavy infrastructure.