Product · Automation//2026

HUBZ

Autonomous web agency engine & instant landing page platform.

Engineering Role
Platform Architect & Full-Stack Automation Engineer
Delivery Timeline
Ongoing Platform System
Architectural Stack
Next.js App Router, TypeScript, PostgreSQL
Release Status
ACTIVE IN PROD
Inspect Live System ↗
HUBZ Deployment Engine · Dynamic Ingestion Pipeline
ONLINE · 8+ ACTIVE SITES
P99 LATENCY
<380ms
THROUGHPUT
5 Rotating Archetypes
ACTIVE DAG NODES
8
ALLOC BUFFER POOL
0 bytes/op
DAG Pipeline Execution Mesh (Real-time Wire State):
Local Business Data Scout1.2s · COMPLETED
Sector Aesthetic & Palette Matrix0.4s · COMPLETED
Bespoke SVG Identity Builder0.8s · COMPLETED
Deploy Endpoint /api/jules/deploy0.2s · ACTIVE
WhatsApp Semi-Auto Pitch Relay2.4s · PENDING
[11:05:40.210] [DISCOVERY] Found unserved business: Barber & Co (Rating 4.9, 320 reviews)
[11:05:40.850] [THEME] Selected Archetype: Editorial Bold Dark (#0F1012, Outfit Sans)
[11:05:41.680] [BUILD] Bundling atomic landing page assets for slug: /barber-co
[11:05:41.910] [DEPLOY] Published to hubz.my.id/barber-co (Edge latency: 42ms)

The System Bottleneck & Problem Statement

Local businesses (cafes, beauty salons, auto workshops, healthcare clinics) often boast high Google Maps reviews but lack websites. Traditional web agencies waste days cold-calling with abstract proposals that business owners reject because they cannot envision the finished product.

Architected Solution & Execution Mechanics

Built an end-to-end "Build First, Pitch Later" platform: AI discovers businesses lacking websites, crafts customized websites with tailored copywriting, sector-matched colors, and unique SVG branding, then deploys them live to hubz.my.id/[slug] with an automated WhatsApp pitch pipeline.

INTERACTIVE ARCHITECTURE FLOW (CLICK NODE TO INSPECT SPEC):
Google Places API & Web Scraper

Lead Discovery Agent

Finds businesses with high ratings but missing website URL.

Core Architecture Implementation

Production-grade architecture implementation powering HUBZ:

src/app/api/jules/deploy/route.js
import { NextResponse } from 'next/server';
import { db } from '@/lib/db';

// Autonomous Client Site Deployment Endpoint
export async function POST(req) {
  const token = req.headers.get('authorization')?.replace('Bearer ', '');
  if (token !== process.env.HUBZ_DEPLOY_SECRET) {
    return NextResponse.json({ error: 'Unauthorized deployment key' }, { status: 401 });
  }

  const { slug, businessName, industry, htmlBundle, metadata } = await req.json();

  // Atomically register client site in PostgreSQL registry
  const { data, error } = await db
    .from('hubz_sites')
    .upsert({
      slug,
      business_name: businessName,
      industry,
      html_bundle: htmlBundle,
      metadata,
      deployed_at: new Date().toISOString(),
      active: true
    }, { onConflict: 'slug' })
    .select()
    .single();

  if (error) {
    return NextResponse.json({ error: error.message }, { status: 500 });
  }

  return NextResponse.json({
    success: true,
    url: `https://hubz.my.id/${slug}`,
    siteId: data.id
  });
}

Key Engineering Responsibilities

[01]

Engineered dynamic [slug] server rendering in Next.js to host unlimited client websites simultaneously.

[02]

Created custom deployment API endpoints (/api/jules/deploy) with secure upload tokens.

[03]

Built an AI generation rulebook featuring 5 distinct layout archetypes to avoid cookie-cutter designs.

[04]

Designed human-in-the-loop WhatsApp response escalations for deal closing and customer negotiation.

Non-Trivial Trade-Offs & Decisions

CASE // 01

Preventing AI Output From Looking Generic

System Friction: Early generation outputs used identical blue gradients, generic hero layouts, and repetitive corporate copy that business owners immediately ignored.

Architectural Decision: Designed 5 strictly defined visual archetypes (Warm Editorial, Clean Precision, Bold Dark, High-Contrast Swiss, Artisan Craft) with deterministic font pairings and handcrafted vector SVG accents.

Measured Outcome: Business owners responded with genuine surprise that a custom site had already been built for their exact brand.

Quantified Production Telemetry

8+
Deployed Client Sites
100%
Automated Deployment
5 Archetypes
Rotating Layouts
<500ms
Edge Slug Delivery
SUBSEQUENT CASE STUDY
AutoAffiliate

A commercial SaaS ecosystem combining lifetime access, pay-as-you-go video generation credits, task queues, and strict 2-device concurrency protection.

Next Case Study →