Apa itu JAMstack? Membedah Arsitektur Masa Depan Web Development

Pemberontakan Terhadap Web Dinamis Kuno

Selama belasan tahun, dunia *web development* dikuasai oleh sistem Monolitik seperti WordPress atau aplikasi PHP murni. Dalam sistem kuno ini, setiap kali pengunjung datang, server harus bangun, menarik data dari *Database*, merakit HTML-nya, lalu mengirimkannya. Proses ini lambat, rawan *hack*, dan memakan biaya server yang mahal jika *traffic* membludak.

Sebagai antitesis (perlawanan) dari arsitektur lama tersebut, lahirlah sebuah pergerakan modern bernama JAMstack.

Kepanjangan dari JAMstack

JAMstack bukanlah nama sebuah bahasa pemrograman atau framework, melainkan sebuah Filosofi Arsitektur yang terdiri dari tiga pilar:

1. J (JavaScript): Semua interaktivitas, logika dinamis, dan manipulasi data di sisi browser ditangani sepenuhnya oleh JavaScript (seperti React, Vue, atau Vanilla JS).
2. A (APIs): Semua operasi *Backend* atau *Database* diabstraksi dan diakses melalui API (REST/GraphQL) lewat koneksi HTTPS. Tidak ada lagi koneksi database langsung di dalam file *view* HTML.
3. M (Markup): Ini adalah intinya. Seluruh halaman web (*Markup* HTML) sudah di-build (dirakit) sejak awal sebelum di-deploy. Halaman ini dibagikan secara global melalui CDN (seperti Netlify atau Vercel).

Cara Kerja JAMstack yang Revolusioner

Alih-alih menyewa server PHP untuk merakit halaman, developer menggunakan alat Static Site Generator (SSG) seperti Next.js, Gatsby, atau Hugo.

Saat kode di-push ke GitHub, server akan merakit 1000 halaman artikel menjadi 1000 file HTML mati (Statis). File HTML ini disebar ke server CDN di seluruh dunia. Ketika pengunjung membuka artikel, server tidak perlu berpikir; ia langsung melempar file HTML tersebut dalam hitungan milidetik.

Jika Statis, Bagaimana Jika Ingin Menambah Fitur Login atau Komen?

Inilah letak keajaiban huruf "A" (APIs) pada JAMstack!

File HTML-mu memang mati (Statis). TAPI, di dalam HTML tersebut terdapat JavaScript yang hidup. Saat HTML selesai di-load, JavaScript akan diam-diam menembak API (misal: API Auth0 untuk Login, atau API Stripe untuk pembayaran) dan menampilkan hasilnya di layar.

Hasil akhirnya: Kamu mendapatkan kecepatan dewa dari sebuah Web Statis, dengan fitur dinamis layaknya Web Server tradisional!