Cara Deploy Website dari Claude Code: Tanpa Langkah Manual (2026)

Claude Code sudah membangun HTML yang rapi. Lalu apa? Begini cara deploy website langsung dari Claude Code — tanpa FTP manual, tanpa Git push, tanpa setup hosting terpisah. Satu perintah untuk publish.

by AnyCap

Claude Code baru saja membangun landing page untuk Anda. HTML-nya bersih. CSS-nya responsif. JavaScript menangani interaksi dengan mulus. File tersebut ada di direktori proyek Anda, siap digunakan.

Lalu Anda menyadari: agen Anda bisa membangun apa saja, tapi tidak bisa mempostingnya secara online. Build sudah selesai. Deployment belum dimulai.

Inilah cara menutup celah itu — tiga metode untuk deploy dari Claude Code, dari manual hingga satu perintah.

Celah Build-Deploy

Agen coding sangat hebat dalam hal build. Mereka tidak dirancang untuk deployment.

Claude Code menulis kode. Menjalankan tes. Memoles hasilnya. Tapi deployment berarti server, domain, sertifikat HTTPS, konfigurasi CDN — infrastruktur yang hidup di dunia berbeda dari sesi terminal tempat agen Anda beroperasi.

Kebanyakan developer menanganinya secara manual:

  1. Agen membangun halaman
  2. Anda membuka terminal
  3. Anda mengonfigurasi hosting (Netlify, Vercel, GitHub Pages, S3)
  4. Anda push atau upload
  5. Anda menunggu build
  6. Anda mendapatkan URL

Agen Anda melakukan langkah 1. Anda melakukan langkah 2–6. Itu bukan agentic — itu sebuah handoff.

Metode 1: GitHub Pages (Manual, Gratis)

GitHub Pages adalah pendekatan paling umum untuk situs statis. Agen Anda membangun HTML. Anda push ke repo. GitHub men-deploy.

Pengaturan:

  1. Buat repo GitHub
  2. Push output agen ke repo
  3. Aktifkan GitHub Pages di pengaturan repo
  4. Tunggu build CI
  5. Dapatkan URL Anda

Ini berfungsi. Gratis. Terkontrol versi. Tapi membutuhkan Git push untuk setiap deploy, yang berarti agen Anda memerlukan akses repo dan setiap halaman sementara membuat riwayat commit permanen.

Tidak agentic. Hanya pekerjaan manual yang diotomatiskan.

Metode 2: Upload Cloud Manual (S3, R2, dll.)

Upload langsung ke penyimpanan cloud:

  1. Buat bucket S3/R2
  2. Konfigurasi akses publik
  3. Siapkan static website hosting
  4. Upload file output agen
  5. Konfigurasi CORS dan caching
  6. Dapatkan URL Anda

Lebih banyak kontrol dari GitHub Pages. Lebih banyak konfigurasi juga. Setiap halaman membutuhkan review bucket policy. Setiap update membutuhkan cache invalidation. Ini adalah pekerjaan infrastruktur yang menyamar sebagai deployment.

Metode 3: Deploy Satu Perintah (Cara AnyCap)

Agen Anda membangun halaman. Lalu menjalankan satu perintah:

anycap page deploy ./build/index.html --title "My Landing Page"

Selesai. Satu perintah. Agen Anda mendapatkan URL live kembali. Tidak ada repo. Tidak ada bucket. Tidak ada konfigurasi manual.

Yang ditangani oleh runtime:

  • Rendering. HTML dan Markdown keduanya didukung. Agen Anda menghasilkan salah satu format — runtime merendernya.
  • Hosting. Halaman langsung aktif. Tidak ada langkah build, tidak ada pipeline CI, tidak ada konfigurasi DNS.
  • HTTPS. Setiap halaman mendapatkan TLS secara otomatis. Tidak ada konfigurasi sertifikat.
  • URL. Agen Anda mendapatkan URL publik kembali. Bisa menyematkan URL tersebut di pesan Slack, email, atau halaman lain.

Instalasi:

npm i -g anycap
anycap login
anycap skill install --target ~/.claude/skills/anycap-cli/

→ Install AnyCap gratis — 250 kredit untuk pengguna baru

Alur Kerja Lengkap: Build + Deploy dalam Satu Sesi

Berikut alur kerja Claude Code lengkap yang mengubah ide menjadi halaman live:

# 1. Claude Code membangun landing page
# (Agen menulis index.html, styles.css, app.js)

# 2. Generate gambar hero untuk halaman
anycap image generate \
  --prompt "a modern SaaS dashboard on a laptop, clean lighting, product photography" \
  --model seedream-5 \
  -o hero.jpg

# 3. Embed gambar ke halaman
# (Agen memperbarui HTML untuk 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/..."

Agen Anda membangun halaman, menghasilkan visual, menyematkannya, dan men-deploy — semuanya dalam satu sesi. Anda hanya mendeskripsikan hasilnya. Semua hal lainnya terjadi dalam loop agen. Inilah yang dimaksud dengan AI agentic dalam praktiknya: agen tidak berhenti di "sudah saya bangun," tapi terus sampai "sudah live."

Kapan Deploy vs Kapan Simpan

Tidak semua hal membutuhkan halaman live. Berikut cara memutuskan:

Deploy ketika... Simpan ketika...
Halaman dimaksudkan untuk dibagikan secara publik File untuk penggunaan internal atau referensi nanti
Anda perlu URL untuk dikirim ke seseorang Anda perlu penyimpanan persisten untuk agen Anda
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 publikasi: anycap drive upload ./report.md — file masuk ke penyimpanan cloud dan mendapat link berbagi, tapi tidak menjadi halaman web publik. Lihat panduan Cloud Storage kami untuk detail lebih lanjut.

Kasus Penggunaan Nyata

Halaman Changelog Instan

Agen Anda mengambil commit terbaru, membuat halaman changelog, dan men-deploy-nya:

# 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

Agen Anda membangun prototipe berdasarkan spesifikasi. Anda deploy dan kirim URL ke klien:

anycap page deploy prototype/landing.html --title "Client Preview — Homepage Redesign v3"

Klien klik linknya. Tanpa staging environment. Tanpa Netlify deploy. Hanya URL.

Laporan Riset

Agen Anda meneliti topik, menulis temuan, dan 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 → publikasi. Semuanya dalam loop agen.

Stack Page + Drive + Search

Deployment paling powerful dikombinasikan dengan kemampuan lain:

SEARCH → riset 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. Agen Anda meneliti, membuat, dan mempublikasikan — tanpa Anda menyentuh satu pun konfigurasi deployment.

FAQ

Apakah ini berfungsi dengan file Markdown?

Ya. anycap page deploy ./report.md merender Markdown sebagai halaman berformat. Agen Anda bisa menulis dalam format yang disukainya.

Bisakah saya menggunakan domain kustom?

Domain kustom tersedia di paket berbayar. Deployment gratis mendapatkan URL anycap.ai/page/....

Apa bedanya dengan GitHub Pages?

GitHub Pages memerlukan Git push, repo, dan konfigurasi CI. AnyCap Page hanya satu perintah dari sesi terminal agen Anda — tanpa repo, tanpa push, tanpa CI. Dibuat untuk alur kerja agen, bukan alur kerja manual.

Apakah ini berfungsi dengan Cursor dan Codex?

Ya. anycap page deploy menggunakan CLI yang sama di Claude Code, Cursor, dan Codex. Satu instalasi, semua agen.

Bisakah agen saya memperbarui halaman yang sudah ada?

Ya. Deploy ke path yang sama dengan konten yang diperbarui, dan halaman akan diperbarui.

Kesimpulan

Claude Code bisa membangun apa saja. Hanya saja tidak bisa mempostingnya online — sampai Anda memberinya kemampuan itu. Celah build-deploy adalah jarak terakhir antara apa yang dibuat agen Anda dan apa yang sebenarnya bisa digunakan tim Anda.

Tutup celah itu. Satu perintah, halaman live, tanpa langkah manual.

→ Beri Claude Code kemampuan deploy satu perintah — publikasikan langsung dari terminal

📖 Baca Selanjutnya

Artikel Terkait

Ditulis oleh tim AnyCap. Kami membangun capability runtime yang membawa agen Anda dari build ke deploy dalam satu perintah — tanpa langkah manual, tanpa hosting terpisah.