Tutorial deploy & hosting web
Ditulis dalam bahasa Indonesia dan dirujuk ke dokumentasi resmi platformnya. Tiap artikel mencantumkan tanggal pembaruan. Saat ini ada 30 artikel.
Tutorial
- Cara Deploy Astro ke Cloudflare Panduan deploy situs Astro ke Cloudflare Workers untuk mode statis maupun SSR: konfigurasi wrangler, deploy otomatis dari Git, dan cara memilih di antara keduanya.
- Cara Deploy Eleventy ke Netlify Panduan deploy situs Eleventy ke Netlify: konfigurasi netlify.toml, deploy otomatis dari Git, deploy preview, dan form bawaan tanpa backend.
- Upload Website HTML/CSS ke Netlify Panduan paling sederhana menerbitkan situs HTML dan CSS biasa ke internet lewat Netlify — gratis, tanpa hosting berbayar, tanpa cPanel, dan tanpa perlu paham Git.
- Cara Deploy Hugo ke GitHub Pages Panduan deploy situs Hugo ke GitHub Pages memakai GitHub Actions: workflow lengkap, pengaturan baseURL, tema sebagai submodule, Hugo extended, dan custom domain.
- Cara Deploy Next.js ke Cloudflare Deploy Next.js ke Cloudflare Workers dengan adapter OpenNext — jalur resmi per 2026. Termasuk kenapa next-on-pages sudah usang dan cara migrasinya.
- Cara Deploy Next.js ke Vercel Panduan deploy Next.js ke Vercel: deploy dari Git, environment variable, ISR dan caching, memilih runtime, custom domain, serta cara menekan biaya function.
- Cara Deploy Nuxt ke Vercel Panduan deploy aplikasi Nuxt ke Vercel: preset Nitro, mode rendering per rute, ISR, runtimeConfig untuk environment variable, dan solusi error yang sering muncul.
- Cara Deploy React ke Netlify Panduan deploy React ke Netlify untuk project Vite maupun CRA: setelan build, memperbaiki 404 saat refresh, environment variable, dan preview.
- Cara Deploy React ke Vercel Panduan deploy aplikasi React (Vite atau CRA) ke Vercel: setelan build, memperbaiki 404 saat refresh lewat vercel.json, environment variable, dan custom domain.
- Cara Deploy SvelteKit ke Vercel Panduan deploy aplikasi SvelteKit ke Vercel: memilih adapter yang tepat, mengatur runtime dan ISR, deploy otomatis dari Git, serta environment variable yang aman.
- Cara Deploy Vite ke GitHub Pages Panduan deploy project Vite ke GitHub Pages: mengatur base path, workflow GitHub Actions, memperbaiki 404 pada SPA, dan menyesuaikan router agar tautan tidak rusak.
- Cara Deploy Vue ke Netlify Panduan deploy aplikasi Vue ke Netlify: setelan build untuk Vite dan Vue CLI, memperbaiki 404 pada Vue Router, environment variable, form bawaan, dan custom domain.
Panduan
- Apa Itu CDN dan Edge Network Penjelasan cara kerja CDN dan edge network: kenapa jarak fisik memperlambat situs, bagaimana cache bekerja, dan cara mengatur header cache dengan benar.
- Continuous Deployment untuk Frontend Penjelasan CI, CD, dan continuous delivery untuk situs modern: bedanya di mana, cara menyusun pipeline, dan empat pengaman yang wajib ada.
- Optimasi Core Web Vitals di Situs Statis Panduan memperbaiki LCP, INP, dan CLS di situs statis: penyebab tersering di tiap metrik, cara mengukurnya dengan benar, dan perbaikan yang paling berdampak.
- Pasang Custom Domain dan SSL Cara menghubungkan domain sendiri ke Netlify, Vercel, Cloudflare, dan GitHub Pages — beda A record dan CNAME, masalah domain root, serta SSL yang macet.
- Apa Itu Deploy Preview Penjelasan deploy preview: URL unik untuk tiap pull request, kenapa ia mengubah cara tim bekerja, dan cara mengaktifkannya di tiap platform.
- Panduan Lengkap Deploy Website Panduan menyeluruh menerbitkan situs ke internet: proses build, memilih platform, deploy dari Git, custom domain, dan kesalahan tersering.
- Hosting Website Statis Panduan memilih hosting situs statis: bedanya dari hosting biasa, perbandingan Netlify, Vercel, Cloudflare, GitHub Pages, dan batas gratisnya.
- Apa Itu Jamstack Penjelasan Jamstack: apa yang membedakannya dari WordPress dan hosting tradisional, kenapa lebih cepat dan lebih aman, serta kapan arsitektur ini tidak cocok.
- Platform Deploy Mana yang Cocok Alur pertanyaan singkat untuk sampai ke satu rekomendasi platform deploy — Netlify, Vercel, Cloudflare, atau GitHub Pages — beserta alasan di balik tiap jawaban.
- Setting Redirect dan Rewrite Cara mengatur redirect dan rewrite di Netlify, Vercel, Cloudflare, dan GitHub Pages: beda 301 dan 302, serta menjaga peringkat saat URL berubah.
- Serverless vs Edge Functions Penjelasan perbedaan serverless function dan edge function: lokasi eksekusi, cold start, batas runtime, dan cara memilih yang tepat untuk tiap kebutuhan.
- SSG vs SSR vs CSR Penjelasan perbedaan static site generation, server-side rendering, dan client-side rendering — beserta ISR dan mode hibrida, dan cara memilih untuk tiap halaman.
Solusi
Perbandingan
- Cloudflare Pages vs Vercel Perbandingan Cloudflare dan Vercel: model biaya yang berbeda mendasar, batas runtime Workers, dukungan Next.js lewat OpenNext, dan kapan masing-masing masuk akal.
- GitHub Pages vs Netlify Perbandingan GitHub Pages dan Netlify untuk situs statis: batas kemampuan, penanganan SPA, form, deploy preview, dan kapan GitHub Pages sudah tidak cukup.
- Hosting Statis vs Shared Hosting cPanel Perbandingan hosting statis modern dengan shared hosting cPanel: kecepatan, biaya, keamanan, kemudahan, dan kapan masing-masing masih jadi pilihan yang benar.
- Vercel vs Netlify vs Cloudflare Perbandingan tiga platform deploy utama dari sisi yang menentukan: aturan komersial paket gratis, model biaya, dukungan framework, batas runtime, dan fitur bawaan.
- Vercel vs Netlify Perbandingan Vercel dan Netlify dari sisi yang menentukan: aturan komersial paket gratis, dukungan framework, functions, dan model harga.