GetLaunchGetLaunch
Mulai gratis

Static Site Deployments

Deploy website statis dengan automatic builds, global CDN, dan instant cache invalidation.

Supported Frameworks

getlaunch.dev mendukung berbagai framework yang menghasilkan static files, termasuk:

  • Next.js (static export)
  • React (Create React App, Vite)
  • Vue.js
  • Hugo
  • Jekyll
  • Gatsby
  • HTML/CSS/JS statis

Konfigurasi Build

Saat membuat project static site, getlaunch.dev secara otomatis mendeteksi framework Anda dan mengatur Build Command serta Output Directory.

Anda dapat mengubah nilai-nilai ini dengan mengklik tombol Edit (ikon pensil) di bagian konfigurasi build — baik saat pembuatan project maupun di pengaturan project.

  • Build Command: Perintah untuk membangun site Anda (contoh: npm run build)
  • Output Directory: Direktori tempat static files dihasilkan (contoh: dist, build, out)

Contoh: Next.js Static Export

// next.config.js
const nextConfig = {
  output: 'export',
}
module.exports = nextConfig

// Konfigurasi getlaunch.dev:
// Build Command: npm run build
// Output Directory: out

Contoh: React (Vite)

// Konfigurasi getlaunch.dev:
// Build Command: npm run build
// Output Directory: dist

Contoh: Hugo

// Konfigurasi getlaunch.dev:
// Build Command: hugo
// Output Directory: public

Environment Variables

Anda dapat menggunakan environment variables dalam proses build dengan mengaturnya di pengaturan project. Variable tersebut akan diinjeksi saat tahap build.

# .env.local (build-time)
NEXT_PUBLIC_API_URL=https://api.example.com
ANALYTICS_ID=abc123

Global CDN

Static site akan disajikan melalui CDN edge locations di seluruh dunia. Konten di-cache dan dikirim dari lokasi terdekat dengan pengguna untuk memastikan waktu muat yang cepat di berbagai wilayah.

  • Cache invalidation otomatis pada setiap deploy
  • Global edge caching untuk delivery instan

Custom Domains

Setiap static site mendapatkan default URL:

project-name-xxxx.gtlnch.app

Anda dapat mengonfigurasi custom domain di pengaturan proyek (tersedia di paket Starter dan lebih tinggi). Custom domain dilengkapi dengan sertifikat SSL/TLS otomatis dan disajikan melalui CDN global kami.

Batas & Kuota

Kuota static site bergantung pada tier langganan Anda dan dapat berubah saat paket berkembang. Lihat Pricing atau ringkasan kuota dashboard untuk batas static site, storage, file, dan build terbaru.

Cache otomatis di-invalidate pada setiap deploy. Jika masih melihat konten lama di browser, coba hard refresh dengan Ctrl+Shift+R (Windows/Linux) atau Cmd+Shift+R (Mac).

Best Practices

  • Optimalkan gambar menggunakan format dan ukuran yang terkompresi.
  • Gunakan code splitting dan minification untuk mengecilkan ukuran bundle.
  • Tambahkan cache headers dengan TTL panjang untuk asset statis.
  • Untuk SPA routing, pastikan router dikonfigurasi untuk menangani semua route dan fallback ke index.html.

Troubleshooting

  • Build gagal: Periksa build log untuk error pada perintah build.
  • File tidak ditemukan: Pastikan output directory sudah benar dan sesuai konfigurasi.
  • SPA route tidak berfungsi: Pastikan build menghasilkan fallback index.html untuk semua route.
  • Konten cache belum terupdate: Cache akan di-invalidate otomatis pada setiap deploy. Jika masih melihat konten lama di browser, coba hard refresh.