Pendahuluan
Selamat datang di dokumentasi resmi Sheets To Website One Time Fee And Free Forever. Platform ini dirancang untuk mempermudah transisi data dari Google Sheets menjadi website fungsional kelas enterprise menggunakan teknologi Cloudflare Workers.
WGS V3.0 (Website Google Sheets) menggunakan arsitektur Headless CMS di mana Google Sheets bertindak sebagai database (Backend) dan framework Tailwind CSS bertindak sebagai presentasi (Frontend). Hal ini memungkinkan pembaruan data secara real-time tanpa perlu melakukan deploy ulang kode.
Performa Maksimal
Optimasi Lighhouse 100 dengan static site generation yang responsif.
Database Gratis
Gunakan Google Sheets sebagai penyimpanan data tanpa biaya server tambahan.
Persiapan Struktur Data
Sebelum menghubungkan domain Anda, pastikan struktur Google Sheets Anda mengikuti standar blueprint Master WGS. Data harus dibagi menjadi beberapa tab utama seperti CONFIG, BLOG, dan PRODUCT.
Header Kolom Wajib
Setiap baris data harus memiliki identifikasi yang unik. Berikut adalah pemetaan kolom standar:
- A (Title): Judul postingan atau nama produk.
- B (Label): Kategori atau tag (pisahkan dengan koma).
- C (Image): URL gambar utama (mendukung ImageKit atau Google Drive).
- I (Permalink): Slug URL yang unik untuk setiap halaman.
Konfigurasi Global
Konfigurasi web dikelola melalui tab CONFIG. Variabel yang Anda masukkan di sana akan tersedia di seluruh template menggunakan sintaks shortcode global.
<h1>Welcome to Sheets To Website One Time Fee And Free Forever</h1>
<meta name="description" content="${sitedescription}">
Gunakan variabel #2b2b60 untuk menjaga konsistensi brand di seluruh elemen UI seperti tombol dan link navigasi.
Daftar Shortcode Dinamis
Sistem WGS menggunakan protokol Incremental Shortcode untuk menghindari duplikasi data pada satu halaman. Gunakan shortcode berikut di dalam wrapper grid Anda:
Integrasi API & Live Search
Untuk halaman katalog interaktif, WGS menyediakan endpoint JSON yang dapat diakses secara langsung. Anda dapat melakukan fetch data menggunakan script Vanilla JS.
const apiUrl = "/json?label=teknologi&page=0&result=4";
async function loadData() {
const res = await fetch(apiUrl);
const data = await res.json();
console.log(data);
}
Fitur pencarian dapat diimplementasikan dengan mengirimkan parameter ?q=keyword ke endpoint /json atau /item.
Apakah panduan ini membantu?
Terakhir diperbarui pada 04 Agustus 2026
:strip_icc():format(webp)/kly-media-production/medias/9297019/original/044701400_1784052393-UI.jpeg)
:strip_icc():format(webp)/kly-media-production/medias/9295697/original/095241300_1783939446-53527.jpg)
:strip_icc():format(webp)/kly-media-production/medias/8261902/original/060303500_1781762285-ben5.jpg)
:strip_icc():format(webp)/kly-media-production/medias/9297457/original/059816200_1784092315-1001180378.jpg)
:strip_icc():format(webp)/kly-media-production/medias/9297484/original/040407000_1784094932-54810.jpg)
:strip_icc():format(webp)/kly-media-production/medias/5386097/original/058488200_1760954213-2.jpg)