Cara situs ini dibangun
Transparansi pipeline AI: dari brief sampai deploy.
Cara situs ini dibangun
Situs ini dibuat tanpa sentuhan manual, menggunakan site-build skill — pipeline AI end-to-end berbasis Claude Code dengan 100% infrastruktur Cloudflare.
Pipeline tahap-demi-tahap
- Pra-flight — cek KIE balance, buat zone CF jika belum ada (
add-domain.sh), tambahkan domain ke whitelist xmoj. - Riset kompetitor — SERP top-10 + scrape readability →
competitors.json→ ringkas oleh AI. - Plan & Design —
plan.md+design.md(Dan Martell-shaped). - Brand assets — 8 hero (kie z-image) + 3 logo (gpt-image-2) paralel.
- Logo post-processing — alpha + scale ke 11 ukuran favicon + apple-touch + maskable.
- Variable fonts — woff2 subset Plus Jakarta Sans + Inter (~85KB total).
- iOS splash screens — 5 ukuran device.
- AVIF — sidecar untuk semua hero.
- Landing — template 2026 (View Transitions, Speculation Rules, scroll-driven anims, popover sheet, oklch, light-dark, container queries).
- Sub-pages — tentang/kontak/blog/affiliate/build.
- Legal pages — fetched live dari arulez.com/api/v1/legal/bundle (UU PDP 27/2022 compliant).
- PWA & SEO — manifest dengan shortcuts/screenshots/share_target, sitemap, llms.txt, JSON-LD lengkap, Service Worker offline shell.
- Deploy — wrangler deploy + reclaim routes dari domain-portfolio.
- IndexNow ping — submit sitemap ke Bing.
- Verify — 40-point mobile-native check + Lighthouse perf + axe-core a11y.
Stack
- Frontend — vanilla HTML5/CSS3 (no framework), inline SVG icons (Lucide), self-hosted variable fonts
- Worker — TypeScript di Cloudflare Workers, Smart Placement, Workers Analytics Engine, Turnstile
- Brand AI — kie.ai z-image (hero) + gpt-image-2 (logo)
- Hosting — 100% Cloudflare (Workers + assets binding, R2, KV, Cron)
- Legal — arulez.com legal baseline API (UU PDP 27/2022, PP 5/2024, UU ITE)
Plan asli
Brief: Apotek Bangka, dibangun 30 May 2026.
Apotek Bangka — Site Plan
§1 Wedge Apotek Bangka is the OLDEST pharmacy in Pangkalpinang (founded 1954 by Lie Eng Seng). Domain is currently dead (522). A modern mobile-first website turns 70 years of trust into a digital presence: online katalog + WhatsApp konsultasi + SEO to dominate "apotek bangka" SERPs.
§2 Money Stack - Walk-in to WhatsApp order funnel (offline → digital conversion) - Affiliate obat online (medicastore/K24Klik/Kimia Farma referrals) - Doctor consultation booking fee (Dr. Fauzisyah SpPD, Dr. Benyamin SpOG) - Local delivery service (Pangkalpinang area) - Health article programmatic SEO → Adsense / local health clinic ads
§3 Acquisition Triple-Stack 1. **SEO**: "apotek bangka", "apotek pangkalpinang", "beli obat bangka", "konsultasi apoteker babel" 2. **Social**: IG @apotekbangka (692 followers) → embed + grow; TikTok health tips 3. **WhatsApp**: community group + WA Business catalog integration
§4 AI Automation - AI-generated health articles (5 seed, scale to 50+) - AI chatbot triage (n8n + Ollama) for basic konsultasi before doctor referral - IndexNow auto-ping on content updates
§5 CF Architecture - Worker + Assets binding (SSR for dynamic pricing, static for catalog) - D1 → product catalog, article CMS (Phase 2) - R2 → hero images, product photos - Analytics Engine → RUM, pageviews, conversion events - Turnstile → form spam protection - Email Worker → contact/order notifications
§6 90-Day Plan - Week 1-2: Site live, WhatsApp CTA, 5 health articles - Week 3-4: Doctor profiles + consultation booking form - Week 5-8: Product catalog (D1) with BPOM search - Week 9-12: Instagram feed live widget, delivery calculator
§7 Moat 70 years of brand history in Pangkalpinang = unbeatable local trust signal. No digital competitor in "apotek tertua bangka" keyword space.
§8 Mandatory Standards - Cloudflare-only production. SIA/SIPA legally displayed. - BPOM disclaimer on all medicine listings. - UU PDP 27/2022 compliant privacy policy.
§9 Competitor Synthesis - dokterdewa.com: MedicalOrganization schema, FAQPage, doctor profile cards, BPOM badge - medicastore.com: 15+ product categories, grid cards, bottom mobile nav, search-first UX - capsule.com: Teal/navy palette, circular typography, trust strip, minimal hero
§10 Missing-Parts Audit - No product catalog yet → Phase 2 D1 - No delivery system → WhatsApp for now - Instagram embed → Phase 1 oEmbed widget
§11 Hard Constraints - Domain: apotekbangka.com - Zone ID: 1b6e7507971a1cf70fa3af8197d138c4 - SIA: #015/SIA/KPPT/VIII/2016 | SIPA: #024/SIPA/KPPT/VII/2016 - Address: Jl. M.H. Muhidin No. 77, Pangkalpinang, Bangka Belitung - Phone: 0717-421669 - Founded: 6 Maret 1954 by Lie Eng Seng
Disclosure
Halaman ini dipasang di setiap situs hasil site-build untuk transparansi: pengguna tahu situs ini AI-generated, konten kemungkinan placeholder pada hari pertama, dan pipeline-nya bisa direplikasi.