Source: https://ailoot.ai/blog/id/topics/website-app-delivery/ Canonical: https://ailoot.ai/blog/id/topics/website-app-delivery/ Language: id # Membuat dan meluncurkan situs serta aplikasi Ubah kebutuhan produk menjadi fitur yang dapat diuji, periksa tampilan dan keamanan, lalu siapkan deployment, pemantauan, serta langkah pemulihan. Kerjakan satu alur pengguna sampai selesai, dari masukan hingga hasil. Artikel di sini membahas implementasi, pengujian, pengelolaan rahasia, dan pemeriksaan setelah situs atau aplikasi dipublikasikan. [Markdown](https://ailoot.ai/blog/id/topics/website-app-delivery/index.md) - [**Cara Membuat Situs Web Beranimasi di Claude Code dalam Semalam** Aturan untuk menghindari desain seperti templat, arahan visual, GSAP, aksesibilitas, dan pengujian performa untuk situs web beranimasi di Claude Code.](https://ailoot.ai/blog/id/animated-website-claude-code/) - [**Astro atau Next.js: Mana yang Sebaiknya Dipilih untuk Situs Web Buatan AI pada 2026** Perbandingan Astro dan Next.js untuk situs web yang dibuat oleh agen AI: tujuan, struktur, hosting, biaya, dan kurva belajar. Termasuk tabel pilihan berdasarkan skenario.](https://ailoot.ai/blog/id/astro-vs-nextjs-for-ai-built-sites/) - [**Apakah Aman Memberi Claude Code Akses ke Data Anda pada 2026** Analisis mendalam: Apakah aman memberi Claude Code akses ke data Anda pada 2026?](https://ailoot.ai/blog/id/claude-code-data-access-safety/) - [**Keamanan Vibe Coding: Cara Melindungi Aplikasi Buatan AI** Cara mencegah aplikasi buatan AI diretas: kebocoran Lovable dan Tea, melindungi rahasia dan kunci, RLS, izin agen, serta daftar periksa keamanan sebelum publikasi.](https://ailoot.ai/blog/id/vibe-coding-security/) - [**AI menghapus database: rencana pemulihan 7 menit** Apa yang harus dilakukan setelah data terhapus: hentikan agen, dokumentasikan insiden, gunakan git reflog, PITR, snapshot, dan pemulihan file. Contoh dan perlindungan.](https://ailoot.ai/blog/id/ai-deleted-database-recovery/) - [**Saya membangun produk dengan AI—cara melakukan perbaikan tanpa merusak yang sudah berfungsi** Pemeliharaan produk yang aman setelah peluncuran: git, rollback, staging, perlindungan rahasia, hosting, backup, dan pemeliharaan. Keenam prompt dipertahankan.](https://ailoot.ai/blog/id/ai-product-maintenance-after-launch/) - [**Apa Itu Astro dan Mengapa Menggunakannya untuk Situs Web yang Dibangun dengan AI pada 2026** Astro dengan penjelasan sederhana: apa itu framework ini, apa bedanya dengan Tilda, jenis situs apa yang cocok menggunakannya, dan mengapa Anda membutuhkannya jika AI membangun situs Anda.](https://ailoot.ai/blog/id/astro-framework/) - [**Kerentanan pada Claude Code GitHub Action: Apa yang Harus Diperbarui dan Cara Melindungi Repo Anda** Analisis kerentanan claude-code-action sebelum v1.0.94: pemeriksaan workflow, pembatasan alat, token dengan hak minimum, dan perlindungan CI/CD.](https://ailoot.ai/blog/id/claude-code-github-action-security/) - [**Claude Design: Panduan dan Lima Skenario Praktis** Fitur, harga, sistem desain, landing page, presentasi, prototipe, dan email HTML. Ekspor, keterbatasan, dan serah terima hasil kepada Claude Code.](https://ailoot.ai/blog/id/claude-design-guide/) - [**Codex Sites: Alat Internal dan Batasan Layanannya** Cara kerja Codex Sites, D1, dan R2, siapa yang cocok menggunakan situs internal, perbedaannya dengan pembuat situs publik, serta batasan yang perlu dipertimbangkan.](https://ailoot.ai/blog/id/codex-sites/) - [**Coolify dan Claude Code: Deploy Proyek ke VPS Anda Sendiri** Menginstal Coolify, menghubungkan GitHub, men-deploy Next.js, domain dan HTTPS, MCP, persyaratan VPS, serta pemecahan masalah. Harga teknis dalam dolar dan batasan asli.](https://ailoot.ai/blog/id/coolify-claude-code-deploy/) - [**Security Agents dan Rollouts di Cursor: Pemeriksaan Keamanan dan Pemantauan Rilis** Cara mengaktifkan Security Reviewer, Vulnerability Scanner, dan Rollouts di Cursor Automations: pemicu, penggunaan dari kumpulan tim, paket, dan perbedaannya dari Bugbot.](https://ailoot.ai/blog/id/cursor-rollouts-security-agents/) - [**Google Stitch + Claude Code: desain situs web tanpa “tampilan AI”** Alur manual Google Stitch ke Claude Code yang lengkap: ekspor HTML/CSS, susun DESIGN.md dari file lokal, bangun dan verifikasi halaman, serta tangani langkah autentikasi MCP yang belum terselesaikan.](https://ailoot.ai/blog/id/google-stitch-claude-code-design/) - [**Cara Membuka Akses Situs Anda untuk Crawler Pencarian ChatGPT, Claude, dan Perplexity** Nama crawler pencarian dan pelatihan, contoh robots.txt lengkap, sitemap, ketersediaan teks, dan keterbatasan kutipan.](https://ailoot.ai/blog/id/ai-search-crawlers-robots-txt/) - [**Cara memeriksa kode buatan AI jika Anda tidak bisa membaca kode: 7 pemeriksaan untuk nonprogrammer pada 2026** AI menulis kodenya, tetapi Anda tidak tahu cara membacanya? Checklist siap pakai berisi 7 pemeriksaan dan prompt untuk menemukan kode yang rusak dan celah keamanan sebelum publikasi.](https://ailoot.ai/blog/id/check-ai-generated-code/) - [**Bagaimana repositori orang lain meretas Claude Code pada 2026: 7 aturan perlindungan** Empat jalur injeksi prompt tidak langsung yang terdokumentasi melalui repositori, konten GitHub, peristiwa Sentry, dan metadata MCP, dengan riset primer serta batas pembatasan praktis.](https://ailoot.ai/blog/id/malicious-repository-claude-code/) - [**Situs Astro Melalui Claude Code: Dari Folder hingga Publikasi** Panduan langkah demi langkah: cara membuat situs dengan Astro melalui Claude Code tanpa tahu cara pemrograman. Apa yang perlu diinstal, perintah apa yang digunakan untuk membuat proyek, dan cara menerbitkannya secara gratis.](https://ailoot.ai/blog/id/astro-site-with-claude-code/) - [**Kimi Code Never Ask: mode dan perintah berbahaya** Dalam mode Never Ask, Kimi Code menjalankan rm -rf dan shutdown tanpa bertanya. Apa perbedaan 3 mode tersebut, dan bagaimana cara melarang perintah berbahaya di config.toml?](https://ailoot.ai/blog/id/kimi-code-never-ask-mode/) - [**FrontierCode Diamond: 13.4% patch layak digabungkan pada 50 tugas sulit** Hasil FrontierCode Juni 2026: 13.4% pada 50 tugas sulit Diamond dibandingkan 51.8% pada Extended, serta cara memeriksa patch buatan AI.](https://ailoot.ai/blog/id/frontiercode-benchmark-mergeable-ai-code/) - [**Gambar dan font dalam produk: sumber dan lisensi** Unsplash, Pexels, Google Fonts, dan lisensi berbayar: ketentuan penggunaan, atribusi, dan pemeriksaan hak untuk setiap file.](https://ailoot.ai/blog/id/images-fonts-licenses/) - [**Kode GitHub dalam Produk Komersial: Lisensi dan Hal yang Perlu Diperiksa** Lisensi permisif MIT, Apache, dan BSD, copyleft GPL/AGPL, ketiadaan berkas LICENSE, serta pemeriksaan asal kode yang ditambahkan oleh AI.](https://ailoot.ai/blog/id/github-code-commercial-licenses/) - [**Situs Web Non-Template dengan Claude Code dan Refero DESIGN.md** Konteks desain Refero Styles: struktur DESIGN.md, memilih sistem visual, mengimpornya ke CLAUDE.md, empat langkah untuk membuat halaman, dan kesalahan umum.](https://ailoot.ai/blog/id/claude-code-refero-design-md/) - [**Tinjauan keamanan di Claude Code: panduan langkah demi langkah dan otomatisasi GitHub Action pada 2026** Cara memeriksa keamanan proyek vibe dengan /security-review di Claude Code. Langkah penyiapan, templat GitHub Action, 6 jenis kerentanan, dan keterbatasan yang jujur.](https://ailoot.ai/blog/id/claude-code-security-review/) - [**utm\_source=chatgpt.com: cara mengukur lalu lintas dari ChatGPT** Tag UTM dan perujuk, segmen di Metrika, halaman landing, GA4, serta peran OAI-SearchBot, GPTBot, dan ChatGPT-User.](https://ailoot.ai/blog/id/utm-source-chatgpt-com/) - [**Vercel: Variabel Lingkungan Tanpa .env di Git** Variabel Lingkungan, Development/Preview/Production, deployment baru, dan cara memeriksa kunci dengan aman di Next.js tanpa meneruskan rahasia ke browser.](https://ailoot.ai/blog/id/vercel-environment-variables/) ## Ailoot · Perusahaan dan portofolio proyeknya Ailoot bertumpu pada pengalaman operasional yang teruji, basis pelanggan yang besar, layanan yang stabil, dan pemantauan KPI berkelanjutan. Perusahaan dan portofolio proyeknya: jutaan pelanggan; penjualan miliaran setiap bulan. Ailoot memanfaatkan pengalaman operasional ini untuk akses API ke fitur AI dalam produk pelanggan, agen, aplikasi, dan otomatisasi.