{"id":1424,"date":"2025-07-17T04:23:16","date_gmt":"2025-07-17T04:23:16","guid":{"rendered":"https:\/\/kompetendigital.com\/blog\/?p=1424"},"modified":"2025-07-17T04:23:17","modified_gmt":"2025-07-17T04:23:17","slug":"pengenalan-ke-svelte-untukfrontend","status":"publish","type":"post","link":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/","title":{"rendered":"Pengenalan ke Svelte untuk Frontend"},"content":{"rendered":"\n<p>Dalam dunia pengembangan web, JavaScript memiliki ekosistem yang sangat luas, terutama dalam hal framework frontend React, Vue, dan Angular itu tiga framework paling populer yang sering dipakai buat bikin website atau aplikasi web.Namun, beberapa tahun terakhir muncul satu nama yang mulai banyak dilirik oleh developer: Svelte. Framework ini menawarkan pendekatan yang berbeda dalam membangun antarmuka pengguna\u2014lebih ringan, lebih cepat, dan lebih mudah dipelajari.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#Apa_Itu_Svelte_dan_Mengapa_Perlu_Dikenal\" >Apa Itu Svelte dan Mengapa Perlu Dikenal?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#Kelebihan_Svelte_Dibanding_Framework_Lain\" >Kelebihan Svelte Dibanding Framework Lain<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#1_Reactive_Declarations\" >1. Reactive Declarations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#2_Component-Based_Architecture\" >2. Component-Based Architecture<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#3_Built-in_Transitions_dan_Animations\" >3. Built-in Transitions dan Animations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#4_Stores_untuk_State_Management\" >4. Stores untuk State Management<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apa_Itu_Svelte_dan_Mengapa_Perlu_Dikenal\"><\/span>Apa Itu Svelte dan Mengapa Perlu Dikenal?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-1024x683.jpg\" alt=\"Pengenalan ke Svelte untuk Frontend\" class=\"wp-image-1159\" srcset=\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-1024x683.jpg 1024w, https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-300x200.jpg 300w, https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-768x512.jpg 768w, https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-1536x1024.jpg 1536w, https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-2048x1365.jpg 2048w, https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/girl-troubled-solve-puzzle-standing-confused-pensive-tilt-head-frowning-scratch-head-as-thinking-standing-thoughtful-trying-make-tough-decision-find-solution-white-background-1-432x288.jpg 432w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Svelte adalah framework JavaScript untuk membangun antarmuka pengguna (UI), namun berbeda dari framework lain karena ia bekerja pada tahap <em>compile<\/em>, bukan di <em>runtime<\/em>. <\/p>\n\n\n\n<p>Artinya, saat proses build, kode Svelte langsung diubah jadi JavaScript murni. Jadi, nggak perlu bawa-bawa framework tambahan ke browser\u2014lebih ringan dan cepat!<\/p>\n\n\n\n<p>Hal ini membuat aplikasi yang dibuat dengan Svelte menjadi lebih cepat dan memiliki ukuran file yang lebih kecil.<\/p>\n\n\n\n<p> Selain itu, Svelte menggunakan sintaks yang sangat sederhana, mirip HTML dan JavaScript murni, sehingga mudah dipahami bahkan oleh pemula.<\/p>\n\n\n\n<p>Jika kamu tertarik mendalami lebih banyak tentang teknologi frontend seperti Svelte, pastikan untuk cek halaman <strong><a href=\"https:\/\/kompetendigital.com\/blog\/sertifikasi-web-developer\/\">Sertifikasi Web Developer<\/a><\/strong>. Di sana kamu bisa menemukan materi dan pelatihan yang tepat untuk meningkatkan skill coding-mu!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kelebihan_Svelte_Dibanding_Framework_Lain\"><\/span>Kelebihan Svelte Dibanding Framework Lain<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sebelum kita masuk ke fitur-fitur utamanya, berikut beberapa alasan mengapa banyak developer mulai melirik Svelte:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Performa Cepat:<\/strong> Karena nggak pakai virtual DOM, proses tampilkan data di layar jadi lebih cepat dan efisien.<\/li>\n\n\n\n<li><strong>Ukuran File Kecil:<\/strong> Hasil build biasanya lebih ringan dari framework lain.<\/li>\n\n\n\n<li><strong>Sintaks Mudah Dipahami:<\/strong> Deklaratif dan menyerupai HTML biasa.<\/li>\n\n\n\n<li><strong>Pengalaman Developer Nyaman<\/strong> Nulis kode di Svelte itu lebih natural dan nggak banyak aturan atau setting yang bikin ribet.<\/li>\n<\/ul>\n\n\n\n<p>Fitur Utama dalam Svelte yang Perlu Diketahui<\/p>\n\n\n\n<p>Svelte punya banyak fitur menarik yang membuat pengembangan frontend terasa lebih segar dan menyenangkan. Mari kita bahas beberapa fitur kuncinya:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Reactive_Declarations\"><\/span>1. Reactive Declarations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Fitur ini memungkinkan data yang berubah secara otomatis memperbarui tampilan, tanpa perlu menulis kode tambahan seperti <code>setState<\/code> atau <code>watch<\/code>. Cukup dengan menyusun deklarasi dalam format tertentu, data akan bereaksi terhadap perubahan secara otomatis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Component-Based_Architecture\"><\/span>2. Component-Based Architecture<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Svelte pakai cara kerja berbasis komponen, jadi setiap bagian tampilan (UI) ditulis dalam satu file yang udah lengkap isinya\u2014ada HTML, CSS, dan JavaScript sekaligus. Praktis banget!Hal ini membuat kode lebih terstruktur, modular, dan mudah dipelihara.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Built-in_Transitions_dan_Animations\"><\/span>3. Built-in Transitions dan Animations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Berbeda dengan framework lain yang membutuhkan plugin tambahan, Svelte menyediakan transisi dan animasi langsung dari dalam framework-nya. Ini mempermudah pengembang untuk membuat tampilan yang hidup dan menarik secara visual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Stores_untuk_State_Management\"><\/span>4. Stores untuk State Management<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Untuk menangani data lintas komponen, Svelte menawarkan sistem penyimpanan data bernama store. Store ini bikin pengelolaan data aplikasi jadi lebih gampang tanpa perlu pakai alat tambahan seperti Redux.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Penutup\"><\/span>Penutup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Svelte bukan hanya sekadar framework baru, tapi juga representasi dari evolusi cara kita membangun aplikasi web. Dengan pendekatan compile-time, sintaks yang sederhana, dan performa tinggi, Svelte layak menjadi pilihan bagi developer yang ingin membuat aplikasi frontend yang cepat dan efisien. Jika kamu merasa React atau Vue terlalu berat untuk kebutuhanmu, Svelte bisa jadi alternatif yang sangat menarik untuk dicoba!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam dunia pengembangan web, JavaScript memiliki ekosistem yang sangat luas, terutama dalam hal framework frontend React, Vue, dan Angular itu tiga framework paling populer yang sering dipakai buat bikin website&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1427,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[36],"tags":[186],"class_list":["post-1424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer","tag-pengenalan-ke-svelte-untuk-frontend","article","has-background","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","has-post-media","thumbnail-"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pengenalan ke Svelte untuk Frontend -<\/title>\n<meta name=\"description\" content=\"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pengenalan ke Svelte untuk Frontend -\" \/>\n<meta property=\"og:description\" content=\"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-17T04:23:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-17T04:23:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/\",\"url\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/\",\"name\":\"Pengenalan ke Svelte untuk Frontend -\",\"isPartOf\":{\"@id\":\"https:\/\/kompetendigital.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png\",\"datePublished\":\"2025-07-17T04:23:16+00:00\",\"dateModified\":\"2025-07-17T04:23:17+00:00\",\"author\":{\"@id\":\"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/793420f392d4b738adf327fe83e870c4\"},\"description\":\"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.\",\"breadcrumb\":{\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage\",\"url\":\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png\",\"contentUrl\":\"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kompetendigital.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengenalan ke Svelte untuk Frontend\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/#website\",\"url\":\"https:\/\/kompetendigital.com\/blog\/\",\"name\":\"\",\"description\":\"Jadi Profesional Setinggi Langit\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kompetendigital.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/793420f392d4b738adf327fe83e870c4\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/kompetendigital.com\"],\"url\":\"https:\/\/kompetendigital.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pengenalan ke Svelte untuk Frontend -","description":"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.","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:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/","og_locale":"en_US","og_type":"article","og_title":"Pengenalan ke Svelte untuk Frontend -","og_description":"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.","og_url":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/","article_published_time":"2025-07-17T04:23:16+00:00","article_modified_time":"2025-07-17T04:23:17+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/","url":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/","name":"Pengenalan ke Svelte untuk Frontend -","isPartOf":{"@id":"https:\/\/kompetendigital.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage"},"image":{"@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage"},"thumbnailUrl":"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png","datePublished":"2025-07-17T04:23:16+00:00","dateModified":"2025-07-17T04:23:17+00:00","author":{"@id":"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/793420f392d4b738adf327fe83e870c4"},"description":"Yuk kenalan dengan Svelte untuk Frontend! Framework ringan, cepat, dan gampang dipelajari\u2014cocok buat kamu yang ingin bikin UI tanpa ribet.","breadcrumb":{"@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#primaryimage","url":"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png","contentUrl":"https:\/\/kompetendigital.com\/blog\/wp-content\/uploads\/2025\/07\/Tambahkan-judul-14-1.png","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/kompetendigital.com\/blog\/pengenalan-ke-svelte-untukfrontend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kompetendigital.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Pengenalan ke Svelte untuk Frontend"}]},{"@type":"WebSite","@id":"https:\/\/kompetendigital.com\/blog\/#website","url":"https:\/\/kompetendigital.com\/blog\/","name":"","description":"Jadi Profesional Setinggi Langit","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kompetendigital.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/793420f392d4b738adf327fe83e870c4","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kompetendigital.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/620de75cd82a4e61ac250270ac94d652ceae998e47a5c532726a07aafe1aa197?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/kompetendigital.com"],"url":"https:\/\/kompetendigital.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/posts\/1424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/comments?post=1424"}],"version-history":[{"count":1,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/posts\/1424\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/posts\/1424\/revisions\/1428"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/media\/1427"}],"wp:attachment":[{"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/media?parent=1424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/categories?post=1424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kompetendigital.com\/blog\/wp-json\/wp\/v2\/tags?post=1424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}