Claude Code baru saja membuat landing page untukmu. HTML-nya rapi. CSS-nya responsif. JavaScript-nya menangani interaksi dengan mulus. File-nya ada di direktori proyek, siap dijalankan.
Lalu kamu sadar: agenmu bisa membangun apa saja, tapi tidak bisa langsung memasukkannya ke internet. Build sudah selesai. Deployment belum dimulai.
Begini cara menutup celah itu — tiga cara deploy dari Claude Code, dari manual sampai satu perintah.
Celah antara Build dan Deploy
Coding agent hebat dalam build. Mereka tidak dibuat untuk deploy.
Claude Code menulis kode. Menjalankan tes. Memoles output. Tapi deployment berarti server, domain, sertifikat HTTPS, konfigurasi CDN — infrastruktur yang hidup di dunia lain dari sesi terminal tempat agenmu bekerja.
Kebanyakan developer menangani ini secara manual:
- Agen membangun halaman
- Kamu membuka terminal
- Kamu mengatur hosting (Netlify, Vercel, GitHub Pages, S3)
- Kamu push atau upload
- Kamu menunggu build
- Kamu mendapatkan URL
Agenmu mengerjakan langkah 1. Kamu mengerjakan langkah 2-6. Itu bukan agentic — itu serah terima.
Metode 1: GitHub Pages (manual, gratis)
GitHub Pages adalah pendekatan paling umum untuk situs statis. Agenmu membuat HTML. Kamu push ke repo. GitHub yang deploy.
Setup:
- Buat repo GitHub
- Push output agen ke repo
- Aktifkan GitHub Pages di pengaturan repo
- Tunggu build CI
- Ambil URL
Ini bekerja. Gratis. Version-controlled. Tapi setiap deploy butuh Git push, yang berarti agenmu perlu akses repo dan setiap halaman sekali pakai membuat riwayat commit permanen.
Tidak agentic. Hanya pekerjaan manual yang diotomatisasi.
Metode 2: Upload Cloud Manual (S3, R2, dll.)
Upload langsung ke penyimpanan cloud:
- Buat bucket S3/R2
- Konfigurasikan akses publik
- Atur static website hosting
- Upload file output agen
- Konfigurasikan CORS dan caching
- Ambil URL
Lebih banyak kontrol daripada GitHub Pages. Lebih banyak konfigurasi juga. Setiap halaman perlu ditinjau kebijakan bucket. Setiap pembaruan perlu cache invalidation. Ini pekerjaan infrastruktur yang menyamar sebagai deployment.
Metode 3: Deploy dengan Satu Perintah (Cara AnyCap)
Agenmu membangun halaman. Lalu menjalankan satu perintah:
anycap page deploy ./build/index.html --title "My Landing Page"
Selesai. Satu perintah. Agenmu mendapatkan URL live. Tanpa repo. Tanpa bucket. Tanpa konfigurasi manual.
Yang ditangani runtime:
- Rendering. HTML dan Markdown sama-sama didukung. Agenmu bisa menghasilkan salah satu format — runtime yang merender.
- Hosting. Halaman langsung online. Tanpa build step, tanpa pipeline CI, tanpa konfigurasi DNS.
- HTTPS. Setiap halaman otomatis mendapat TLS. Tanpa konfigurasi sertifikat.
- URL. Agenmu menerima URL publik. Bisa disisipkan ke pesan Slack, email, atau halaman lain.
Install:
npm i -g anycap
anycap login
anycap skill install --target ~/.claude/skills/anycap-cli/
→ Install AnyCap gratis — 250 kredit untuk pengguna baru
Workflow Lengkap: Build + Deploy dalam Satu Sesi
Berikut workflow Claude Code lengkap dari ide ke halaman live:
# 1. Claude Code membangun landing page
# (Agen menulis index.html, styles.css, app.js)
# 2. Generate hero image untuk halaman
anycap image generate \
--prompt "a modern SaaS dashboard on a laptop, clean lighting, product photography" \
--model seedream-5 \
-o hero.jpg
# 3. Sematkan gambar ke halaman
# (Agen memperbarui HTML agar mereferensikan hero.jpg)
# 4. Deploy
anycap page deploy ./build/index.html \
--title "Product Launch — June 2026" \
--description "New feature announcement page"
# 5. Dapatkan URL kembali
# "Page deployed: https://anycap.ai/page/..."
Agenmu membangun halaman, menghasilkan visual, menyematkannya, dan deploy — semuanya dalam satu sesi. Kamu hanya mendeskripsikan hasilnya. Sisanya terjadi di loop agen.
Kapan Deploy vs Kapan Simpan
Tidak semua hal butuh halaman live. Begini cara memilih:
| Deploy jika... | Simpan jika... |
|---|---|
| Halaman memang dimaksudkan untuk dibagikan publik | File untuk penggunaan internal atau referensi nanti |
| Kamu butuh URL untuk dikirim ke seseorang | Kamu butuh penyimpanan persisten untuk agenmu |
| Output adalah halaman lengkap | Output adalah aset (gambar, video, CSV) |
| Ini laporan sekali pakai, prototipe, atau pengumuman | Ini bagian dari build proyek yang lebih besar |
Untuk penyimpanan tanpa publish: anycap drive upload ./report.md — file masuk ke cloud storage dan mendapat link berbagi, tapi tidak menjadi halaman web publik.
Kasus Penggunaan Nyata
Halaman Changelog Instan
Agenmu mengambil commit terbaru, membuat halaman changelog, dan deploy:
# Agen membaca git log, memformat sebagai changelog HTML
anycap page deploy changelog.html --title "Changelog — Week of May 18, 2026"
Satu perintah. Changelog live. Tanpa CMS.
Prototipe Klien
Agenmu membangun prototipe berdasarkan spesifikasi. Kamu deploy dan kirim URL ke klien:
anycap page deploy prototype/landing.html --title "Client Preview — Homepage Redesign v3"
Klien klik link. Tanpa staging environment. Tanpa deploy Netlify. Hanya URL.
Laporan Riset
Agenmu meneliti topik, menulis temuan, lalu mempublikasikan laporan:
anycap search --prompt "competitor product launches Q2 2026" --citations
# Agen menganalisis hasil, menulis laporan sebagai HTML
anycap page deploy q2-competitive-analysis.html --title "Q2 2026 Competitive Analysis"
Riset → laporan → publish. Semua di loop agen.
Stack Page + Drive + Search
Deployment paling kuat bila digabung dengan kemampuan lain:
SEARCH → teliti topik
↓
CRAWL → ekstrak data detail
↓
IMAGE GEN → buat visual
↓
BUILD → agen menulis halaman
↓
DEPLOY → halaman live
↓
DRIVE → simpan aset secara permanen
Satu CLI. Satu sesi. Agenmu meneliti, membuat, dan mempublikasikan — tanpa kamu menyentuh satu pun konfigurasi deployment.
FAQ
Apakah ini bekerja dengan file Markdown?
Ya. anycap page deploy ./report.md merender Markdown sebagai halaman bergaya. Agenmu bisa menulis dalam format apa pun yang disukai.
Bisakah saya memakai domain kustom?
Domain kustom tersedia pada paket berbayar. Deploy gratis mendapat URL anycap.ai/page/....
Apa bedanya dengan GitHub Pages?
GitHub Pages memerlukan Git push, repo, dan konfigurasi CI. AnyCap Page adalah satu perintah dari sesi terminal agenmu — tanpa repo, tanpa push, tanpa CI. Dibuat untuk workflow agen, bukan workflow manusia.
Apakah ini bekerja dengan Cursor dan Codex?
Ya. anycap page deploy memakai CLI yang sama di Claude Code, Cursor, dan Codex. Sekali install, semua agen.
Bisakah agen saya memperbarui halaman yang sudah ada?
Ya. Deploy ke path yang sama dengan konten terbaru, dan halaman akan diperbarui.
Intinya
Claude Code bisa membangun apa saja. Ia hanya belum bisa memasukkannya ke internet — sampai kamu memberinya kemampuan itu. Celah build-deploy adalah mil terakhir antara apa yang dibuat agenmu dan apa yang benar-benar bisa dipakai timmu.
Tutup celah itu. Satu perintah, halaman live, tanpa langkah manual.
→ Berikan Claude Code deploy satu perintah — publish langsung dari terminal
📖 Baca Berikutnya
- Cara Menambahkan Web Crawling ke Claude Code — akses web penuh untuk build berbasis riset.
- Cara Menghasilkan Video dengan Claude Code: Panduan Lengkap 2026 — tambahkan video ke halaman buatan agenmu.
- AI Image-to-Video: Pipeline Lengkap untuk Coding Agent — hasilkan visual dan gerakan untuk halaman yang kamu deploy.
Artikel Terkait
- Cara Memberi Kemampuan Nyata pada AI Coding Agent — gambaran lengkap stack kemampuan.
- Apa Itu Capability Runtime? — mengapa satu CLI mengalahkan lima API terpisah.
Ditulis oleh tim AnyCap. Kami membangun capability runtime yang membawa agenmu dari build ke deploy dalam satu perintah — tanpa langkah manual, tanpa hosting terpisah.