{"id":8169,"date":"2020-12-16T09:19:19","date_gmt":"2020-12-16T09:19:19","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=8169"},"modified":"2020-12-16T09:19:19","modified_gmt":"2020-12-16T09:19:19","slug":"pengertian-jamstack-dan-kelebihannya","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya","title":{"rendered":"Pengertian JAMstack Dan Kelebihannya"},"content":{"rendered":"<p>Dalam dunia web development kita pasti pernah dengar istilah stack,yang langsung terbesit adalah sebuah gabungan dari komponen-komponen seperti sistem operasi,database dan http server,seperti LAMP ataupun MEAN stack.Apabila dalam LAMP (Linux, Apache, MySQL, PHP) atau MEAN (MongoDB, Express, Angular, NodeJS) terdapat komponen database dan juga sistem operasi,dalam JAMStack hanya terdapat client-side app (Javascript), API dan Markup.Kali ini kita akan membahas mengenai JAMstack,apa si JAMstack itu?Mulai dari pengertian,kelebihan kekurangan sampai alasan pengunaan JAMstack.<\/p>\n<h1>Pengertian JAMstack<\/h1>\n<p>Jamstack merupakan standar arsitektur terbaru untuk pembuatan website yang cukup menggunakan alur kerja dari GIT dan alat build modern (Static Site Generator) yang menghasilkan konten setelah proses render langsung di sajikan ke CDN dan dibuat dinamis memakai fungsi API dan fungsi tanpa server.Kepanjangan dari Jamstack yaitu javascript, API dan markup.<\/p>\n<p id=\"Apa-Itu-Static-Site-Generator\">Apa Itu Static Site Generator?<\/p>\n<p>Sebelumnya diarti Jamstack sendiri sudah disebutkan jika (Static Site Generator) itu adalah alat build modern atau alat penghasil web statis. Jadi secara umum bisa juga disebut sebagai Framework atau tempat bekerjanya nanti untuk melakukan render hingga menghasilkan konten statis.Web statis itu hanya terdiri dari 3 teknologi utama yaitu HTML, JAVASCRIPT dan CSS.Menariknya disini pada hasil Static Site Generator sudah tidak ada lagi istilah backend atau pun database yang terlibat secara langsung.<\/p>\n<p>Menurut website jamstack.org,JAMStack tidak hanya tertuju pada teknologi spesifik,namun merupakan cara baru dalam membangun sebuah website yang memiliki performa yang lebih baik, lebih aman,murah dan memiliki developer experience\u00a0yang lebih baik.<\/p>\n<p><strong>Sebuah website dikatakan masuk dalam kriteria JAMStack apabila :<\/strong><\/p>\n<ul>\n<li>Menggunakan Javascript sebagai client side app yang menghandle\u00a0request\u00a0dan\u00a0response.Bisa framework apa saja bahkan plain Javascript.<\/li>\n<li>Semua proses di server atau database menggunakan API yang diakses menggunakan Javascript.<\/li>\n<li>Semua halaman yang bisa diakses oleh pengguna telah sebelumnya dibuat secara statis ketika proses deploy,bisa menggunakan static site generator\u00a0ataupun\u00a0build tools\u00a0web app.<\/li>\n<\/ul>\n<h1>Pondasi JAMstack<\/h1>\n<p>Ada 3 fondasi yang harus digunakan agar sesuai dengan definisi istilah JAMstack :<\/p>\n<ul>\n<li><span id=\"JavaScript\" class=\"ez-toc-section\"><\/span><strong>JavaScript <\/strong>: merupakan fondasi pertama dari semuanya,kalian bisa menyukainya atau tidak tetapi kalian harus mengakui bahwa JavaScript merupakan salah satu bahasa pemrograman paling populer dengan komunitas yang sangat dinamis. Siklus permintaan dan respons didasarkan pada sisi klien berkat teknologi ini.Kalian dapat menggunakan JavaScript murni atau menggunakan framework yang tersedia di pasar seperti React atau Vue.<\/li>\n<li><strong>API<\/strong> :Kalian dapat menggunakan fungsionalitas backend tanpa memiliki database atau mesin backend di server sendiri.Kalian masih memiliki backend,tetapi terapkan hanya situs web statis,kalian dapat menggunakan API apa pun yang diinginkan,publik atau pribadi.Ada banyak situs pihak ketiga yang dapat kalian pilih.Kalian juga dapat\u00a0 terhubung ke aplikasi backend lain yang telah dibuat.<\/li>\n<li><strong>Markup<\/strong> : generator situs statis tempat markup bertemplate dibuat sebelumnya pada waktu pembuatan.Kalian dapat menulis kode HTML dan CSS kalian sendiri atau menggunakan framework seperti : Hugo, Jekyll atau Gatsby, yang akan sangat meningkatkan waktu pengembangan template.<\/li>\n<\/ul>\n<h1>Alasan Penggunaan JAMstack<\/h1>\n<section class=\"mt-20\">\n<p class=\"md:w-2\/3\">Arsitektur Jamstack dapat membawa semua jenis manfaat ke situs dan memproyeksikan alur kerja.Beberapa manfaat utamanya adalah :<\/p>\n<\/section>\n<section>\n<ul>\n<li><strong>Keamanan<\/strong><\/li>\n<\/ul>\n<p>Jamstack menghapus beberapa bagian dan sistem yang bergerak dari infrastruktur hosting yang mengakibatkan lebih sedikit server dan sistem yang mengeras melawan serangan.Melayani halaman dan aset sebagai\u00a0file yang \u00a0dibuat sebelumnya memungkinkan hosting hanya baca mengurangi vektor serangan lebih jauh.Sementara alat dan layanan dinamis dapat disediakan oleh vendor dengan tim yang berdedikasi untuk mengamankan sistem spesifik mereka dan menyediakan layanan tingkat tinggi.<\/p>\n<\/section>\n<section>\n<ul>\n<li><strong>Skala<\/strong><\/li>\n<\/ul>\n<p>Arsitektur populer menangani beban lalu lintas yang padat dengan menambahkan logika ke cache tampilan dan sumber daya populer.Jamstack menyediakan ini secara default.Saat situs dapat disajikan sepenuhnya dari CDN<a href=\"https:\/\/translate.googleusercontent.com\/translate_c?depth=1&amp;hl=id&amp;prev=search&amp;pto=aue&amp;rurl=translate.google.com&amp;sl=en&amp;sp=nmt4&amp;u=https:\/\/jamstack.org\/glossary\/cdn\/&amp;usg=ALkJrhhIcasKrwMz1lC3RJrEykkmj9yY-w\">,<\/a>\u00a0tidak ada logika atau alur kerja yang rumit untuk menentukan aset apa yang dapat di-cache dan kapan.Dengan situs Jamstack semua dapat disimpan dalam cache di jaringan pengiriman konten.Dengan penerapan yang lebih sederhana,redundansi bawaan dan kapasitas muat luar biasa.<\/p>\n<\/section>\n<section>\n<ul>\n<li><strong>Performa<\/strong><\/li>\n<\/ul>\n<p>Kecepatan memuat halaman berdampak pada pengalaman pengguna dan konversi.\u00a0Situs Jamstack menghilangkan kebutuhan untuk menghasilkan tampilan halaman di server pada waktu permintaan dengan membuat halaman sebelumnya selama pembuatan.Dengan semua halaman telah tersedia di CDN yang dekat dengan pengguna dan siap untuk ditayangkan,kinerja yang sangat tinggi dimungkinkan tanpa memperkenalkan infrastruktur yang mahal atau kompleks.<\/p>\n<\/section>\n<section>\n<ul>\n<li><strong>Pemeliharaan<\/strong><\/li>\n<\/ul>\n<p>Saat kompleksitas hosting berkurang,begitu pula tugas pemeliharaan.Sebuah pra dihasilkan situs,yang disajikan langsung dari host sederhana atau langsung dari CDN tidak membutuhkan tim ahli untuk menjaga lampu menyala.Pekerjaan telah selesai selama pembuatan,jadi sekarang situs yang dihasilkan sudah stabil dan dapat dihosting tanpa server yang mungkin memerlukan penambalan,pembaruan dan pemeliharaan.<\/p>\n<\/section>\n<section>\n<ul>\n<li><strong>Portabilitas<\/strong><\/li>\n<\/ul>\n<p>Situs Jamstack sudah dibuat sebelumnya.Itu berarti dapat menghostingnya dari berbagai layanan hosting dan memiliki kemampuan lebih besar untuk memindahkannya ke host pilihan kalian.Solusi hosting statis sederhana apa pun harus dapat melayani situs Jamstack.<\/p>\n<\/section>\n<section class=\"mb-20 pb-20 border-gray-400 border-b\">\n<ul>\n<li><strong>Pengalaman Pengembang<\/strong><\/li>\n<\/ul>\n<p>Situs Jamstack dapat dibangun dengan berbagai alat.Mereka tidak bergantung pada teknologi eksklusif atau kerangka kerja yang eksotis dan sedikit diketahui.Sebaliknya,mereka mengembangkan alat dan konvensi yang tersedia secara luas.Hasilnya, tidak sulit menemukan pengembang antusias dan berbakat yang memiliki keterampilan tepat untuk membangun dengan Jamstack.Efisiensi dan efektivitas dapat menjadi alat peraga.<\/p>\n<h1>Perbedaan Antara LAMPstack dan JAMstack<\/h1>\n<p><strong>LAMPstack :<\/strong><\/p>\n<ul>\n<li>Proses build dan hosting digabung.<\/li>\n<li>Halaman disajikan setelah diproses di server setelah ada interaksi dengan database, backend script, server, cache.<\/li>\n<li>Pembaruan kode di\u00a0deploy\u00a0di server\u00a0production.<\/li>\n<li>Pembaruan konten melalui CMS seperti WordPress.<\/li>\n<\/ul>\n<p><strong>JAMstack :<\/strong><\/p>\n<ul>\n<li>Proses build dan hosting terpisah.<\/li>\n<li>Halaman telah tercompile dan disajikan langsung ke browser.<\/li>\n<li>Pembaruan kode dipush ke Git.<\/li>\n<li>Pembaruan kontent melalui Git atau\u00a0headless CMS.<\/li>\n<\/ul>\n<h1>\u00a0Kelebihan JAMStack<\/h1>\n<p>Beberapa kelebihan JAMStack sebagai berikut :<\/p>\n<ul>\n<li>Mempermudah\u00a0scaling : karena semua aplikasi beserta kontennya disajikan manggunakan Content Delivery Network (CDN).<\/li>\n<li>Lebih Aman : ketidakberadaan database,plugin\u00a0ataupun script dinamis server (misal: PHP, Node) meniadakan pula potensi injeksi kode maupun eksploitasi.<\/li>\n<li>Lebih Cepat : lagi-lagi karena halaman-halaman konten telah dibuat statis terlebih dahulu pada saat proses build\u00a0dan disajikan melalui CDN<\/li>\n<li>Memiliki developer experience yang lebih baik : pemisahan antara proses build dan hosting serta mempermudah proses pembaruan kode membuat developer lebih fokus dalam bekerja.<\/li>\n<\/ul>\n<h1 id=\"Kekurangan-Jamstack-atau-Static-Site-Generator\">Kekurangan JAMstack<\/h1>\n<p>Untuk sisi kekurangan Jamstack sendiri hanya tertuju pada 1 faktor utama yaitu untuk pengguna yang belum terbiasa dengan Coding karena sebagian besar aktifitas Jamstack\u00a0 akan dikerjakan melalui jendela terminal komputer dan memerlukan software code editor seperti Microsoft Visual Studio Code atau lainnya.Namun berdasarkan pengalaman sebagian orang awam yang terjun coding secara otodidak,Jamstack sangat mudah di pelajari karena sebagian besar Static Site Generator memberi dokumentasi lengkap untuk langkah-langkah memulai sampai proses deploynya.<\/p>\n<p>sekian artikel kali ini semoga bisa bermanfaat untuk kalian semua:)<\/p>\n<\/section>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;8169&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;3&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;3\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Pengertian JAMstack Dan Kelebihannya&quot;,&quot;width&quot;:&quot;66&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 66px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            3\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dalam dunia web development kita pasti pernah dengar istilah stack,yang langsung terbesit adalah sebuah gabungan dari komponen-komponen seperti sistem operasi,database dan http server,seperti LAMP ataupun MEAN stack.Apabila dalam LAMP (Linux, Apache, MySQL, PHP) atau MEAN (MongoDB, Express, Angular, NodeJS) terdapat komponen database dan juga sistem operasi,dalam JAMStack hanya terdapat client-side app (Javascript), API dan Markup.Kali [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":8176,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153],"tags":[2563,2566,2565,2561,2560,2564,2562],"class_list":["post-8169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","tag-alasan-penggunaan-jamstack","tag-kekurangan-jamstack","tag-kelebihan-jamstack","tag-pengertian-jamstack","tag-pengertian-jamstack-dan-kelebihannya","tag-perbedaan-antara-lampstack-dan-jamstack","tag-pondasi-jamstack"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1-1140x445.gif",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1-463x348.gif",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1-300x169.gif",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif",1440,810,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pengertian JAMstack Dan Kelebihannya - Hosteko Blog<\/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:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pengertian JAMstack Dan Kelebihannya - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Dalam dunia web development kita pasti pernah dengar istilah stack,yang langsung terbesit adalah sebuah gabungan dari komponen-komponen seperti sistem operasi,database dan http server,seperti LAMP ataupun MEAN stack.Apabila dalam LAMP (Linux, Apache, MySQL, PHP) atau MEAN (MongoDB, Express, Angular, NodeJS) terdapat komponen database dan juga sistem operasi,dalam JAMStack hanya terdapat client-side app (Javascript), API dan Markup.Kali [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-16T09:19:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"810\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"feni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"feni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\"},\"author\":{\"name\":\"feni\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\"},\"headline\":\"Pengertian JAMstack Dan Kelebihannya\",\"datePublished\":\"2020-12-16T09:19:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\"},\"wordCount\":1062,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif\",\"keywords\":[\"Alasan Penggunaan JAMstack\",\"Kekurangan JAMstack\",\"Kelebihan JAMStack\",\"Pengertian JAMstack\",\"Pengertian JAMstack Dan Kelebihannya\",\"Perbedaan Antara LAMPstack dan JAMstack\",\"Pondasi JAMstack\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\",\"url\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\",\"name\":\"Pengertian JAMstack Dan Kelebihannya - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif\",\"datePublished\":\"2020-12-16T09:19:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif\",\"width\":1440,\"height\":810},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengertian JAMstack Dan Kelebihannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\",\"name\":\"feni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"caption\":\"feni\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pengertian JAMstack Dan Kelebihannya - Hosteko Blog","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:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya","og_locale":"en_US","og_type":"article","og_title":"Pengertian JAMstack Dan Kelebihannya - Hosteko Blog","og_description":"Dalam dunia web development kita pasti pernah dengar istilah stack,yang langsung terbesit adalah sebuah gabungan dari komponen-komponen seperti sistem operasi,database dan http server,seperti LAMP ataupun MEAN stack.Apabila dalam LAMP (Linux, Apache, MySQL, PHP) atau MEAN (MongoDB, Express, Angular, NodeJS) terdapat komponen database dan juga sistem operasi,dalam JAMStack hanya terdapat client-side app (Javascript), API dan Markup.Kali [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya","og_site_name":"Hosteko Blog","article_published_time":"2020-12-16T09:19:19+00:00","og_image":[{"width":1440,"height":810,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","type":"image\/gif"}],"author":"feni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"feni","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya"},"author":{"name":"feni","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61"},"headline":"Pengertian JAMstack Dan Kelebihannya","datePublished":"2020-12-16T09:19:19+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya"},"wordCount":1062,"commentCount":1,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","keywords":["Alasan Penggunaan JAMstack","Kekurangan JAMstack","Kelebihan JAMStack","Pengertian JAMstack","Pengertian JAMstack Dan Kelebihannya","Perbedaan Antara LAMPstack dan JAMstack","Pondasi JAMstack"],"articleSection":["Blog","pengetahuan umum"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya","url":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya","name":"Pengertian JAMstack Dan Kelebihannya - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","datePublished":"2020-12-16T09:19:19+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","width":1440,"height":810},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/pengertian-jamstack-dan-kelebihannya#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Pengertian JAMstack Dan Kelebihannya"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61","name":"feni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","caption":"feni"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/JAMstack-1.gif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=8169"}],"version-history":[{"count":3,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8169\/revisions"}],"predecessor-version":[{"id":8179,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8169\/revisions\/8179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/8176"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=8169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=8169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=8169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}