{"id":1600,"date":"2025-09-01T07:13:48","date_gmt":"2025-09-01T00:13:48","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1600"},"modified":"2025-09-01T07:15:32","modified_gmt":"2025-09-01T00:15:32","slug":"vibe-coding-agentic-web","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/","title":{"rendered":"Vibe Coding &amp; Agentic Web"},"content":{"rendered":"\n<p>Dunia web development terus mengalami perubahan dari tahun ke tahun. Kalau dulu seorang developer harus menulis ribuan baris kode secara manual, kini hadir berbagai teknologi baru yang membuat proses membangun website lebih cepat, efisien, bahkan bisa dilakukan hanya dengan instruksi bahasa alami.<\/p>\n\n\n\n<p>Tahun <strong>2025<\/strong> menandai babak baru bagi web development. Konsep seperti <strong>vibe coding<\/strong>, <strong>agentic web<\/strong>, hingga <strong>progressive web apps (PWA)<\/strong> bukan lagi sekadar eksperimen, tapi sudah dipakai secara nyata di berbagai industri. Bagi kamu yang sedang belajar atau mengajar kursus web, memahami perkembangan ini sangat penting agar selalu relevan dengan kebutuhan pasar.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Vibe Coding: Mengubah Cara Developer Bekerja<\/p>\n\n\n\n<p>Salah satu tren terbesar di dunia web development adalah <strong>vibe coding<\/strong>. Istilah ini muncul karena kini developer bisa membangun aplikasi hanya dengan memberikan <strong>prompt<\/strong> atau instruksi menggunakan bahasa sehari-hari.<\/p>\n\n\n\n<p>Misalnya, seorang developer cukup menulis: <em>\u201cBuatkan halaman login dengan desain modern, ada input username, password, dan tombol login berwarna biru\u201d<\/em>. Maka AI coding assistant akan langsung menghasilkan kode HTML, CSS, bahkan JavaScript sesuai permintaan.<\/p>\n\n\n\n<p>Beberapa hal menarik dari vibe coding:<\/p>\n\n\n\n<p><strong>Kolaborasi manusia-AI:<\/strong> Developer tidak digantikan, melainkan ditemani asisten pintar yang siap membantu debugging, dokumentasi, dan optimasi kode.<\/p>\n\n\n\n<p><strong>Akses lebih luas:<\/strong> Pemula yang baru belajar coding bisa langsung bereksperimen tanpa harus menghafal sintaks rumit.<\/p>\n\n\n\n<p><strong>Produktivitas tinggi:<\/strong> Perusahaan besar melaporkan pengembangan aplikasi bisa lebih cepat hingga <strong>40%<\/strong> dibanding cara tradisional.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Agentic Web: AI Bukan Sekadar Alat, tapi Pengguna<\/h2>\n\n\n\n<p>Kalau vibe coding fokus pada membantu developer, maka <strong>agentic web<\/strong> memperluas cakupan peran AI menjadi <strong>pengguna aplikasi<\/strong>.<\/p>\n\n\n\n<p>Apa maksudnya?<br>Bayangkan ada ribuan AI agent yang bisa berinteraksi dengan website kamu sama seperti manusia\u2014mengakses API, mengisi form, mencari data, bahkan mengambil keputusan. Dengan kata lain, situs web tidak hanya berinteraksi dengan manusia, tapi juga dengan \u201cpengguna digital\u201d yang otonom.<\/p>\n\n\n\n<p>Dampaknya bagi web developer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>API dan sistem backend harus <strong>AI-friendly<\/strong>.<\/li>\n\n\n\n<li>Struktur data perlu mudah dipahami oleh agen otomatis.<\/li>\n\n\n\n<li>Web developer harus memikirkan <strong>aksesibilitas bagi manusia dan mesin<\/strong> sekaligus.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Progressive Web Apps (PWA): Web Rasa Aplikasi<\/h2>\n\n\n\n<p>Sejak beberapa tahun lalu, <strong>progressive web apps (PWA)<\/strong> menjadi populer, dan di 2025 tren ini makin kuat. PWA adalah aplikasi berbasis web yang bisa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Berjalan offline<\/strong><\/li>\n\n\n\n<li><strong>Diinstal di smartphone<\/strong> seperti aplikasi native<\/li>\n\n\n\n<li>Mendukung <strong>push notification<\/strong><\/li>\n\n\n\n<li>Lebih ringan dibanding aplikasi Android\/iOS tradisional<\/li>\n<\/ul>\n\n\n\n<p>Keuntungan PWA:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hemat biaya pengembangan (satu aplikasi untuk semua platform).<\/li>\n\n\n\n<li>Performa lebih cepat.<\/li>\n\n\n\n<li>Mudah diakses pengguna hanya lewat browser.<\/li>\n<\/ul>\n\n\n\n<p>Bagi pelaku kursus web development, mengajarkan <strong>cara membuat PWA<\/strong> bisa jadi materi yang sangat diminati karena banyak startup dan UMKM lebih memilih PWA ketimbang aplikasi native.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WebAssembly &amp; Edge Computing: Performa Super Cepat<\/h2>\n\n\n\n<p>Keterbatasan web tradisional mulai teratasi dengan hadirnya <strong>WebAssembly (WASM)<\/strong>. Teknologi ini memungkinkan menjalankan kode dengan performa hampir setara native langsung di browser.<\/p>\n\n\n\n<p>Contoh penggunaan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Game 3D berbasis browser<\/li>\n\n\n\n<li>Aplikasi desain grafis<\/li>\n\n\n\n<li>AI inference langsung di sisi client<\/li>\n<\/ul>\n\n\n\n<p>Ketika dikombinasikan dengan <strong>edge computing<\/strong> (pemrosesan data dekat dengan pengguna), pengalaman web menjadi lebih cepat, stabil, dan efisien.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">No-Code\/Low-Code dan Voice UI<\/h2>\n\n\n\n<p>Selain tren high-tech, dunia web development juga makin terbuka bagi pemula lewat platform <strong>no-code\/low-code<\/strong>. Dengan drag-and-drop, seseorang bisa membuat website sederhana tanpa harus menulis kode.<\/p>\n\n\n\n<p>Namun bagi developer sejati, no-code bukan ancaman, justru <strong>peluang<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bisa dipakai untuk prototyping cepat.<\/li>\n\n\n\n<li>Membantu bisnis kecil membuat website dengan biaya murah.<\/li>\n\n\n\n<li>Developer tetap dibutuhkan untuk proyek skala besar dan kompleks.<\/li>\n<\/ul>\n\n\n\n<p>Selain itu, <strong>Voice UI (User Interface berbasis suara)<\/strong> makin relevan. Website harus siap merespons pertanyaan pengguna melalui smart speaker atau perintah suara. Bayangkan orang berkata: <em>\u201cCari kursus web terdekat\u201d<\/em>, lalu website kamu langsung menampilkan hasil dengan suara maupun teks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Keamanan Web: Faktor yang Tidak Bisa Ditinggalkan<\/h2>\n\n\n\n<p>Seiring makin banyaknya data sensitif yang berpindah lewat website, keamanan menjadi isu penting. Di tahun 2025, web developer harus menguasai:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTTPS dan SSL<\/strong> sebagai standar dasar.<\/li>\n\n\n\n<li><strong>Authentication modern<\/strong> seperti OAuth2 atau JWT.<\/li>\n\n\n\n<li><strong>Content Security Policy (CSP)<\/strong> untuk mencegah serangan XSS.<\/li>\n\n\n\n<li><strong>AI-powered threat detection<\/strong> untuk memantau serangan siber secara real-time.<\/li>\n<\/ul>\n\n\n\n<p>Keamanan bukan hanya fitur tambahan, tapi <strong>nilai jual utama<\/strong> sebuah aplikasi web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tips SEO untuk Web Development 2025<\/h2>\n\n\n\n<p>Selain membangun website yang cepat dan aman, developer juga perlu memahami SEO modern agar situs lebih mudah ditemukan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Fokus pada Core Web Vitals 2.0<\/h3>\n\n\n\n<p>Google menambahkan metrik baru seperti <strong>INP (Interaction to Next Paint)<\/strong> dan <strong>TTFB (Time to First Byte)<\/strong> sebagai penentu ranking.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Gunakan Struktur Heading yang Jelas<\/h3>\n\n\n\n<p>Pastikan H1 hanya dipakai sekali, H2 untuk subtopik, dan H3 untuk detail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Tambahkan FAQ Schema<\/h3>\n\n\n\n<p>Hal ini membantu website muncul di <strong>featured snippets<\/strong> atau bahkan di jawaban mesin AI seperti ChatGPT dan Gemini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Buat Konten Human-Friendly + AI-Friendly<\/h3>\n\n\n\n<p>Jawab berbagai variasi pertanyaan dalam satu artikel. Misalnya: <em>\u201cApa itu PWA?\u201d, \u201cApa kelebihan PWA dibanding aplikasi native?\u201d, \u201cBagaimana cara membuat PWA sederhana?\u201d<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Internal Linking<\/h3>\n\n\n\n<p>Hubungkan artikel dengan halaman kursus kamu, misalnya:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cPelajari PWA di kursus web development kami.\u201d<\/li>\n\n\n\n<li>\u201cPraktik langsung vibe coding dengan bimbingan instruktur.\u201d<\/li>\n<\/ul>\n\n\n\n<p>Web development di tahun 2025 adalah tentang <strong>berkolaborasi dengan AI, membangun aplikasi yang cepat &amp; aman, serta siap menghadapi pengguna manusia maupun AI<\/strong>.<\/p>\n\n\n\n<p>Konsep seperti <strong>vibe coding<\/strong> dan <strong>agentic web<\/strong> mengubah cara kita menulis dan menggunakan kode. <strong>PWA, WebAssembly, dan edge computing<\/strong> membuat website semakin powerful. Sementara itu, <strong>no-code dan voice UI<\/strong> membuka pintu bagi lebih banyak orang untuk masuk ke dunia pengembangan web.<\/p>\n\n\n\n<p>Bagi kamu yang sedang belajar atau mengajar kursus web, inilah saat terbaik untuk memanfaatkan tren ini sebagai materi pembelajaran.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dunia web development terus mengalami perubahan dari tahun ke tahun. Kalau dulu seorang developer harus menulis ribuan baris kode secara manual, kini hadir berbagai teknologi baru yang membuat proses membangun website lebih cepat, efisien, bahkan bisa dilakukan hanya dengan instruksi bahasa alami. Tahun 2025 menandai babak baru bagi web development. Konsep seperti vibe coding, agentic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1602,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[680,597,679,681,639],"class_list":["post-1600","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita-teknologi","tag-agentic-web","tag-ai","tag-ai-agent","tag-coding-assistant","tag-pwa"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vibe Coding &amp; Agentic Web - YELLOWWEB.ID<\/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:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vibe Coding &amp; Agentic Web - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Dunia web development terus mengalami perubahan dari tahun ke tahun. Kalau dulu seorang developer harus menulis ribuan baris kode secara manual, kini hadir berbagai teknologi baru yang membuat proses membangun website lebih cepat, efisien, bahkan bisa dilakukan hanya dengan instruksi bahasa alami. Tahun 2025 menandai babak baru bagi web development. Konsep seperti vibe coding, agentic [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-01T00:13:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T00:15:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Vibe Coding &amp; Agentic Web\",\"datePublished\":\"2025-09-01T00:13:48+00:00\",\"dateModified\":\"2025-09-01T00:15:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/\"},\"wordCount\":853,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/vibe.png\",\"keywords\":[\"agentic-web\",\"ai\",\"ai-agent\",\"coding-assistant\",\"PWA\"],\"articleSection\":[\"Berita Teknologi\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/\",\"name\":\"Vibe Coding &amp; Agentic Web - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/vibe.png\",\"datePublished\":\"2025-09-01T00:13:48+00:00\",\"dateModified\":\"2025-09-01T00:15:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/vibe.png\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/vibe.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/vibe-coding-agentic-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vibe Coding &amp; Agentic Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vibe Coding &amp; Agentic Web - YELLOWWEB.ID","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:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/","og_locale":"en_GB","og_type":"article","og_title":"Vibe Coding &amp; Agentic Web - YELLOWWEB.ID","og_description":"Dunia web development terus mengalami perubahan dari tahun ke tahun. Kalau dulu seorang developer harus menulis ribuan baris kode secara manual, kini hadir berbagai teknologi baru yang membuat proses membangun website lebih cepat, efisien, bahkan bisa dilakukan hanya dengan instruksi bahasa alami. Tahun 2025 menandai babak baru bagi web development. Konsep seperti vibe coding, agentic [&hellip;]","og_url":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2025-09-01T00:13:48+00:00","article_modified_time":"2025-09-01T00:15:32+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png","type":"image\/png"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Vibe Coding &amp; Agentic Web","datePublished":"2025-09-01T00:13:48+00:00","dateModified":"2025-09-01T00:15:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/"},"wordCount":853,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png","keywords":["agentic-web","ai","ai-agent","coding-assistant","PWA"],"articleSection":["Berita Teknologi"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/","url":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/","name":"Vibe Coding &amp; Agentic Web - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png","datePublished":"2025-09-01T00:13:48+00:00","dateModified":"2025-09-01T00:15:32+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/09\/vibe.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/vibe-coding-agentic-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Vibe Coding &amp; Agentic Web"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=1600"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1600\/revisions"}],"predecessor-version":[{"id":1601,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1600\/revisions\/1601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1602"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}