{"id":3477,"date":"2026-06-28T07:15:07","date_gmt":"2026-06-28T07:15:07","guid":{"rendered":"https:\/\/regarcomm.com\/?p=3477"},"modified":"2026-06-28T07:21:21","modified_gmt":"2026-06-28T07:21:21","slug":"kolaborasi-astro-js-dan-sanity-io-sinergi-sempurna-untuk-website-modern-yang-super-cepat","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=3477","title":{"rendered":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3477\" class=\"elementor elementor-3477\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef18673 e-flex e-con-boxed e-con e-parent\" data-id=\"ef18673\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f68efb0 elementor-widget elementor-widget-gallery\" data-id=\"f68efb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:3,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T130754.242.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f68efb0\" data-elementor-lightbox-title=\"download - 2026-06-27T130754.242\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQ1NCwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA2XC9kb3dubG9hZC0yMDI2LTA2LTI3VDEzMDc1NC4yNDIuanBnIiwic2xpZGVzaG93IjoiZjY4ZWZiMCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T130754.242.jpg\" data-width=\"275\" data-height=\"183\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f68efb0\" data-elementor-lightbox-title=\"download - 2026-06-28T141637.136\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQ3OSwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA2XC9kb3dubG9hZC0yMDI2LTA2LTI4VDE0MTYzNy4xMzYuanBnIiwic2xpZGVzaG93IjoiZjY4ZWZiMCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136-300x112.jpg\" data-width=\"300\" data-height=\"112\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T130807.258.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f68efb0\" data-elementor-lightbox-title=\"download - 2026-06-27T130807.258\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQ1NSwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA2XC9kb3dubG9hZC0yMDI2LTA2LTI3VDEzMDgwNy4yNTguanBnIiwic2xpZGVzaG93IjoiZjY4ZWZiMCJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T130807.258.jpg\" data-width=\"168\" data-height=\"299\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cfc1bd e-flex e-con-boxed e-con e-parent\" data-id=\"7cfc1bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7925b15 elementor-widget elementor-widget-text-editor\" data-id=\"7925b15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"1\">Dalam era pengembangan web modern, arsitektur <b data-path-to-node=\"1\" data-index-in-node=\"46\">Jamstack<\/b> dan pemisahan antara tempat pengelolaan konten (<i data-path-to-node=\"1\" data-index-in-node=\"103\">backend<\/i>) dengan tampilan website (<i data-path-to-node=\"1\" data-index-in-node=\"137\">frontend<\/i>) telah menjadi standar baru. Pendekatan ini dikenal dengan sebutan <b data-path-to-node=\"1\" data-index-in-node=\"213\">Headless Architecture<\/b>.<\/p><p data-path-to-node=\"2\">Salah satu kombinasi terbaik yang kini banyak diadopsi oleh developer profesional adalah kolaborasi antara <b data-path-to-node=\"2\" data-index-in-node=\"107\">Astro JS<\/b> sebagai <i data-path-to-node=\"2\" data-index-in-node=\"124\">frontend framework<\/i> dan <b data-path-to-node=\"2\" data-index-in-node=\"147\">Sanity.io<\/b> sebagai <i data-path-to-node=\"2\" data-index-in-node=\"165\">Headless CMS<\/i> (Content Management System). Kombination ini menghadirkan efisiensi kerja yang luar biasa: penulis konten mendapatkan dasbor pengelolaan yang fleksibel, sementara pengunjung situs menikmati kecepatan akses website yang instan.<\/p><p data-path-to-node=\"3\">Berikut adalah ulasan mendalam mengenai konsep, keunggulan, serta alur kerja kolaborasi antara Astro JS dan Sanity.io.<\/p><h2 data-path-to-node=\"5\">Mengapa Memasangkan Astro JS dengan Sanity.io?<\/h2><p data-path-to-node=\"6\">Sebelum masuk ke teknis, kita perlu memahami peran masing-masing teknologi ini dan mengapa keduanya sangat cocok ketika disatukan.<\/p><ul data-path-to-node=\"7\"><li><p data-path-to-node=\"7,0,0\"><b data-path-to-node=\"7,0,0\" data-index-in-node=\"0\">Astro JS (The Speed Master):<\/b> Astro adalah <i data-path-to-node=\"7,0,0\" data-index-in-node=\"42\">framework<\/i> yang fokus pada performa. Secara default, Astro akan merender website menjadi HTML statis murni tanpa JavaScript (<i data-path-to-node=\"7,0,0\" data-index-in-node=\"166\">Zero-JS by default<\/i>). Astro hanya akan mengirimkan JavaScript ke browser jika ada komponen yang benar-benar membutuhkan interaktivitas (seperti fitur pencarian langsung atau <i data-path-to-node=\"7,0,0\" data-index-in-node=\"339\">image carousel<\/i>).<\/p><\/li><li><p data-path-to-node=\"7,1,0\"><b data-path-to-node=\"7,1,0\" data-index-in-node=\"0\">Sanity.io (The Content Lake):<\/b> Berbeda dengan CMS tradisional seperti WordPress yang menyatukan konten dan tema, Sanity adalah <i data-path-to-node=\"7,1,0\" data-index-in-node=\"126\">Headless CMS<\/i>. Sanity menyimpan konten Anda sebagai data mentah (dalam bentuk JSON) di sebuah &#8220;Content Lake&#8221;. Data ini kemudian bisa ditarik ke platform mana saja melalui API menggunakan bahasa kueri bertenaga tinggi bernama <b data-path-to-node=\"7,1,0\" data-index-in-node=\"350\">GROQ<\/b> (Graph Relational Object Queries) atau GraphQL.<\/p><\/li><\/ul><p data-path-to-node=\"8\">Ketika keduanya digabungkan, Anda mendapatkan website dengan performa SEO bintang lima dari Astro, sekaligus sistem manajemen konten yang sangat dinamis dan <i data-path-to-node=\"8\" data-index-in-node=\"157\">real-time<\/i> dari Sanity.io.<\/p><h2 data-path-to-node=\"10\">Bagaimana Keduanya Bekerja Sama?<\/h2><p data-path-to-node=\"11\">Alur kerja kolaborasi antara Astro dan Sanity.io terbilang sangat bersih dan terstruktur. Secara sederhana, prosesnya berjalan seperti diagram berikut:<\/p><h3 data-path-to-node=\"12\">1. Pengelolaan Konten di Sanity Studio<\/h3><p data-path-to-node=\"13\">Tim penulis atau pemilik website memasukkan data (artikel, produk, gambar, atau teks halaman) melalui <b data-path-to-node=\"13\" data-index-in-node=\"102\">Sanity Studio<\/b>. Sanity Studio adalah dasbor berbasis open-source yang dapat dikustomisasi sepenuhnya menggunakan JavaScript\/React. Keunggulan utama di sini adalah fitur <i data-path-to-node=\"13\" data-index-in-node=\"270\">real-time collaboration<\/i>, mirip seperti mengedit dokumen di Google Docs bersama-sama.<\/p><h3 data-path-to-node=\"14\">2. Penarikan Data Melalui API (GROQ)<\/h3><p data-path-to-node=\"15\">Di sisi frontend, Astro JS menggunakan <i data-path-to-node=\"15\" data-index-in-node=\"39\">plugin<\/i> resmi <code data-path-to-node=\"15\" data-index-in-node=\"52\">@sanity\/astro<\/code> untuk menghubungkan proyek web dengan server Sanity. Saat website sedang dibangun (<i data-path-to-node=\"15\" data-index-in-node=\"149\">build time<\/i>), Astro akan mengirimkan kueri GROQ ke Sanity untuk meminta data spesifik yang dibutuhkan oleh sebuah halaman.<\/p><p data-path-to-node=\"16\">Contoh kueri GROQ sederhana di dalam komponen Astro untuk mengambil semua artikel blog:<\/p><div class=\"code-block ng-tns-c3101706499-52 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation\" data-hveid=\"0\" data-ved=\"0CAAQhtANahgKEwiAv93woamVAxUAAAAAHQAAAAAQgwI\"><div class=\"formatted-code-block-internal-container ng-tns-c3101706499-52\"><div class=\"animated-opacity ng-tns-c3101706499-52\"><div class=\"code-block-decoration header-formatted gds-emphasized-body-m ng-tns-c3101706499-52 ng-star-inserted\"><span class=\"ng-tns-c3101706499-52\">Cuplikan kode<\/span><div class=\"buttons ng-tns-c3101706499-52 ng-star-inserted\">\u00a0<\/div><\/div><pre class=\"ng-tns-c3101706499-52\"><code class=\"code-container formatted ng-tns-c3101706499-52\" role=\"text\" data-test-id=\"code-content\">---\n\/\/ src\/pages\/blog.astro\nimport { sanityClient } from \"sanity:client\";\n\n\/\/ Mengambil data artikel: judul, slug, dan tanggal rilis\nconst posts = await sanityClient.fetch(\n  `*[_type == \"post\"] | order(publishedAt desc) { title, slug, publishedAt }`\n);\n---\n&lt;main&gt;\n  &lt;h1&gt;Blog Saya&lt;\/h1&gt;\n  &lt;ul&gt;\n    {posts.map((post) =&gt; (\n      &lt;li&gt;\n        &lt;a href={`\/blog\/${post.slug.current}`}&gt;{post.title}&lt;\/a&gt;\n      &lt;\/li&gt;\n    ))}\n  &lt;\/ul&gt;\n&lt;\/main&gt;\n<\/code><\/pre><\/div><\/div><\/div><h3 data-path-to-node=\"18\">3. Kompilasi Menjadi Halaman Statis (SSG)<\/h3><p data-path-to-node=\"19\">Setelah Astro menerima data JSON dari Sanity, Astro akan memproses data tersebut di komputer lokal atau server <i data-path-to-node=\"19\" data-index-in-node=\"111\">build<\/i>. Data itu dimasukkan ke dalam <i data-path-to-node=\"19\" data-index-in-node=\"147\">template<\/i> HTML Astro, lalu dikompilasi menjadi file HTML semenit jadi.<\/p><h3 data-path-to-node=\"20\">4. Otomatisasi Pembaruan Konten via Webhooks<\/h3><p data-path-to-node=\"21\">Mungkin Anda bertanya: <i data-path-to-node=\"21\" data-index-in-node=\"23\">&#8220;Jika website bersifat statis, bagaimana jika ada artikel baru yang diterbitkan di Sanity?&#8221;<\/i> Di sinilah peran <b data-path-to-node=\"21\" data-index-in-node=\"132\">Webhooks<\/b>. Kita bisa mengatur Sanity agar mengirimkan sinyal otomatis ke platform hosting (seperti Vercel atau Netlify) setiap kali ada tombol &#8220;Publish&#8221; yang ditekan di dasbor CMS. Sinyal ini akan memicu proses <i data-path-to-node=\"21\" data-index-in-node=\"342\">re-build<\/i> otomatis pada Astro, sehingga konten terbaru akan langsung muncul di website dalam hitungan detik tanpa campur tangan developer.<\/p><h2 data-path-to-node=\"23\">Keuntungan Utama Kolaborasi Ini<\/h2><blockquote data-path-to-node=\"24\"><p data-path-to-node=\"24,0\"><b data-path-to-node=\"24,0\" data-index-in-node=\"0\">Kombinasi Tanpa Beban:<\/b> Dengan memindahkan beban pemrosesan konten ke tahap <i data-path-to-node=\"24,0\" data-index-in-node=\"75\">build<\/i>, server tidak perlu lagi melakukan kueri ke database setiap kali ada pengunjung yang membuka halaman web. Website menjadi kebal terhadap lonjakan trafik (<i data-path-to-node=\"24,0\" data-index-in-node=\"235\">high-traffic resilient<\/i>).<\/p><\/blockquote><ul data-path-to-node=\"25\"><li><p data-path-to-node=\"25,0,0\"><b data-path-to-node=\"25,0,0\" data-index-in-node=\"0\">Skor Core Web Vitals yang Sempurna:<\/b> Karena Astro membuang semua JavaScript yang tidak diperlukan, website Anda akan memuat hampir instan. Ini berdampak sangat positif pada peringkat SEO Google.<\/p><\/li><li><p data-path-to-node=\"25,1,0\"><b data-path-to-node=\"25,1,0\" data-index-in-node=\"0\">Keamanan Tingkat Tinggi:<\/b> Tidak ada database langsung yang terhubung ke frontend website. Celah keamanan tradisional (seperti SQL Injection yang sering menyerang CMS konvensional) berhasil dieliminasi sepenuhnya.<\/p><\/li><li><p data-path-to-node=\"25,2,0\"><b data-path-to-node=\"25,2,0\" data-index-in-node=\"0\">Pengalaman Developer (DX) yang Menyenangkan:<\/b> Developer bebas menggunakan komponen dari ekosistem favorit mereka (React, Vue, Svelte) di dalam Astro untuk bagian-bagian interaktif tertentu, sementara penulisan konten tetap terpusat di Sanity.<\/p><\/li><li><p data-path-to-node=\"25,3,0\"><b data-path-to-node=\"25,3,0\" data-index-in-node=\"0\">Hemat Biaya Operasional:<\/b> Website statis hasil kompilasi Astro dapat di-host secara gratis atau dengan biaya yang sangat murah di jaringan global CDN (Content Delivery Network).<\/p><\/li><\/ul><h2 data-path-to-node=\"27\">Kesimpulan<\/h2><p data-path-to-node=\"28\">Kolaborasi antara <b data-path-to-node=\"28\" data-index-in-node=\"18\">Astro JS dan Sanity.io<\/b> adalah contoh nyata dari modernisasi pengembangan web. Dengan memisahkan urusan tampilan dan pengelolaan konten, Anda tidak hanya mendapatkan efisiensi dalam manajemen data, tetapi juga performa website yang berada di level tertinggi. Bagi bisnis atau korporasi yang mengandalkan kecepatan konten dan performa SEO, arsitektur ini adalah investasi teknologi yang sangat tepat untuk jangka panjang.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dalam era pengembangan web modern, arsitektur Jamstack dan pemisahan antara tempat pengelolaan konten (backend) dengan tampilan website (frontend) telah menjadi standar baru. Pendekatan ini dikenal dengan sebutan Headless Architecture. Salah satu kombinasi terbaik yang kini banyak diadopsi oleh developer profesional adalah kolaborasi antara Astro JS sebagai frontend framework dan Sanity.io sebagai Headless CMS (Content Management&hellip;&nbsp;<a href=\"https:\/\/regarcomm.com\/?p=3477\" rel=\"bookmark\"><span class=\"screen-reader-text\">Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3479,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tak-berkategori"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regarcomm.com\/?p=3477\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"Dalam era pengembangan web modern, arsitektur Jamstack dan pemisahan antara tempat pengelolaan konten (backend) dengan tampilan website (frontend) telah menjadi standar baru. Pendekatan ini dikenal dengan sebutan Headless Architecture. Salah satu kombinasi terbaik yang kini banyak diadopsi oleh developer profesional adalah kolaborasi antara Astro JS sebagai frontend framework dan Sanity.io sebagai Headless CMS (Content Management&hellip;&nbsp;Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=3477\" \/>\n<meta property=\"og:site_name\" content=\"Regarcomm Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-28T07:15:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-28T07:21:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"367\" \/>\n\t<meta property=\"og:image:height\" content=\"137\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:site\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/regarcomm.com\/?p=3477#article\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat\",\"datePublished\":\"2026-06-28T07:15:07+00:00\",\"dateModified\":\"2026-06-28T07:21:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477\"},\"wordCount\":720,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/regarcomm.com\/?p=3477#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regarcomm.com\/?p=3477\",\"url\":\"https:\/\/regarcomm.com\/?p=3477\",\"name\":\"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\",\"datePublished\":\"2026-06-28T07:15:07+00:00\",\"dateModified\":\"2026-06-28T07:21:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3477#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regarcomm.com\/?p=3477\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/?p=3477#primaryimage\",\"url\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\",\"contentUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg\",\"width\":367,\"height\":137},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regarcomm.com\/?p=3477#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/regarcomm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regarcomm.com\/#website\",\"url\":\"https:\/\/regarcomm.com\/\",\"name\":\"Regarcomm Development\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regarcomm.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/regarcomm.com\/#organization\",\"name\":\"Regarcomm Development\",\"url\":\"https:\/\/regarcomm.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"contentUrl\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"width\":1280,\"height\":1073,\"caption\":\"Regarcomm Development\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\",\"https:\/\/x.com\/Erwinbinjai\",\"https:\/\/instagram.com\/inerwinsyah\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\/\/localhost\/regarcomm\"],\"url\":\"https:\/\/regarcomm.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regarcomm.com\/?p=3477","og_locale":"id_ID","og_type":"article","og_title":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development","og_description":"Dalam era pengembangan web modern, arsitektur Jamstack dan pemisahan antara tempat pengelolaan konten (backend) dengan tampilan website (frontend) telah menjadi standar baru. Pendekatan ini dikenal dengan sebutan Headless Architecture. Salah satu kombinasi terbaik yang kini banyak diadopsi oleh developer profesional adalah kolaborasi antara Astro JS sebagai frontend framework dan Sanity.io sebagai Headless CMS (Content Management&hellip;&nbsp;Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat","og_url":"https:\/\/regarcomm.com\/?p=3477","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-06-28T07:15:07+00:00","article_modified_time":"2026-06-28T07:21:21+00:00","og_image":[{"width":367,"height":137,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_creator":"@Erwinbinjai","twitter_site":"@Erwinbinjai","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcomm.com\/?p=3477#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=3477"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat","datePublished":"2026-06-28T07:15:07+00:00","dateModified":"2026-06-28T07:21:21+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3477"},"wordCount":720,"commentCount":0,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3477#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=3477#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=3477","url":"https:\/\/regarcomm.com\/?p=3477","name":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3477#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3477#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","datePublished":"2026-06-28T07:15:07+00:00","dateModified":"2026-06-28T07:21:21+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=3477#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=3477"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=3477#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","width":367,"height":137},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=3477#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat"}]},{"@type":"WebSite","@id":"https:\/\/regarcomm.com\/#website","url":"https:\/\/regarcomm.com\/","name":"Regarcomm Development","description":"","publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcomm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcomm.com\/#organization","name":"Regarcomm Development","url":"https:\/\/regarcomm.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/","url":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","contentUrl":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","width":1280,"height":1073,"caption":"Regarcomm Development"},"image":{"@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","https:\/\/x.com\/Erwinbinjai","https:\/\/instagram.com\/inerwinsyah"]},{"@type":"Person","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcomm"],"url":"https:\/\/regarcomm.com\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3477"}],"version-history":[{"count":4,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3477\/revisions"}],"predecessor-version":[{"id":3482,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3477\/revisions\/3482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/3479"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}