{"id":1531,"date":"2026-02-04T03:15:45","date_gmt":"2026-02-04T03:15:45","guid":{"rendered":"https:\/\/gurututorku.com\/blog\/?p=1531"},"modified":"2026-02-04T03:15:45","modified_gmt":"2026-02-04T03:15:45","slug":"tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router","status":"publish","type":"post","link":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/","title":{"rendered":"Tutorial Laravel 12 &#8211; Membuat Web Berita berbasis API &#8211; Bagian #3 (Vue.js &#8211; Vue Router)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">BAGIAN G \u2014 Vue Router (SPA Navigation)<\/h2>\n\n\n\n<p>Pada bagian ini kita akan memecah tampilan menjadi <strong>beberapa halaman<\/strong> menggunakan Vue Router, seperti aplikasi profesional.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">17. Install Vue Router<\/h3>\n\n\n\n<p>Pastikan berada di folder <code>vue-berita<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install vue-router<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">18. Konfigurasi Router<\/h3>\n\n\n\n<p>Buat file <code>src\/router\/index.js<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { createRouter, createWebHistory } from 'vue-router'\nimport ListBerita from '..\/pages\/ListBerita.vue'\nimport FormBerita from '..\/pages\/FormBerita.vue'\n\nconst routes = &#91;\n{ path: '\/', component: ListBerita },\n{ path: '\/tambah', component: FormBerita }\n]\n\nconst router = createRouter({\nhistory: createWebHistory(),\nroutes\n})\n\nexport default router<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">19. Daftarkan Router ke Aplikasi<\/h3>\n\n\n\n<p>Edit <code>src\/main.js<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { createApp } from 'vue'\nimport App from '.\/App.vue'\nimport router from '.\/router'\n\ncreateApp(App)\n.use(router)\n.mount('#app')<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">20. Struktur Folder Pages<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>src\/\n\u251c\u2500 pages\/\n\u2502 \u251c\u2500 ListBerita.vue\n\u2502 \u2514\u2500 FormBerita.vue<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">21. Halaman ListBerita.vue<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script setup>\nimport { ref, onMounted } from 'vue'\nimport api from '..\/plugins\/axios'\nimport { useRouter } from 'vue-router'\n\nconst router = useRouter()\nconst beritas = ref(&#91;])\n\nconst loadData = async () => {\nconst res = await api.get('\/berita')\nberitas.value = res.data\n}\n\nconst hapus = async (id) => {\nif (confirm('Yakin hapus?')) {\nawait api.delete(`\/berita\/${id}`)\nloadData()\n}\n}\n\nonMounted(loadData)\n&lt;\/script>\n\n&lt;template>\n&lt;h2>Daftar Berita&lt;\/h2>\n&lt;button @click=\"router.push('\/tambah')\">Tambah Berita&lt;\/button>\n\n&lt;ul>\n&lt;li v-for=\"b in beritas\" :key=\"b.id\">\n&lt;b>{{ b.judul }}&lt;\/b>\n&lt;br \/>\n{{ b.isi }}\n&lt;br \/>\n&lt;button @click=\"hapus(b.id)\">Hapus&lt;\/button>\n&lt;\/li>\n&lt;\/ul>\n&lt;\/template><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">22. Halaman FormBerita.vue<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script setup>\nimport { ref } from 'vue'\nimport api from '..\/plugins\/axios'\nimport { useRouter } from 'vue-router'\n\nconst router = useRouter()\nconst judul = ref('')\nconst isi = ref('')\n\nconst simpan = async () => {\nawait api.post('\/berita', {\njudul: judul.value,\nisi: isi.value\n})\n\nrouter.push('\/')\n}\n&lt;\/script>\n\n&lt;template>\n&lt;h2>Tambah Berita&lt;\/h2>\n\n&lt;input v-model=\"judul\" placeholder=\"Judul\" \/>\n&lt;textarea v-model=\"isi\" placeholder=\"Isi\">&lt;\/textarea>\n&lt;br \/>\n&lt;button @click=\"simpan\">Simpan&lt;\/button>\n&lt;\/template><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">23. Update App.vue<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;template>\n&lt;router-view \/>\n&lt;\/template><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">BAGIAN H \u2014 Testing SPA<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">24. Skenario Uji Router<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Halaman <code>\/<\/code> \u2192 list berita tampil &#x2714;<\/li>\n\n\n\n<li>Klik tambah \u2192 pindah ke <code>\/tambah<\/code> &#x2714;<\/li>\n\n\n\n<li>Simpan \u2192 kembali ke list &#x2714;<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Web POS (Point of Sale) adalah aplikasi berbasis web yang digunakan untuk mengelola transaksi penjualan di toko, kafe, restoran, atau bisnis retail lainnya. Sistem ini membantu kasir dalam mencatat penjualan, mengelola stok barang, mencetak struk, hingga membuat laporan penjualan secara otomatis. Karena berbasis web, POS dapat diakses dari browser tanpa instalasi, dapat digunakan di berbagai perangkat seperti laptop, tablet, atau komputer kasir.<\/p>\n","protected":false},"author":1,"featured_media":824,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,38],"tags":[35,140,141,142,22,138,139,143,144],"class_list":["post-1531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-framework-laravel","category-tutorial-programming","tag-laravel-controller","tag-laravel-model","tag-laravel-route","tag-laravel-view-blade","tag-php-framework","tag-tutorial-laravel-12","tag-tutorial-laravel-migrate","tag-tutorial-laravel-mysql","tag-web-berita-laravel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku<\/title>\n<meta name=\"description\" content=\"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku\" \/>\n<meta property=\"og:description\" content=\"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\" \/>\n<meta property=\"og:site_name\" content=\"Gurututorku\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-04T03:15:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"gtadmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"gtadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\"},\"author\":{\"name\":\"gtadmin\",\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2\"},\"headline\":\"Tutorial Laravel 12 &#8211; Membuat Web Berita berbasis API &#8211; Bagian #3 (Vue.js &#8211; Vue Router)\",\"datePublished\":\"2026-02-04T03:15:45+00:00\",\"dateModified\":\"2026-02-04T03:15:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\"},\"wordCount\":87,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2\"},\"image\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png\",\"keywords\":[\"laravel controller\",\"laravel model\",\"laravel route\",\"laravel view blade\",\"php framework\",\"tutorial laravel 12\",\"tutorial laravel migrate\",\"tutorial laravel mysql\",\"web berita laravel\"],\"articleSection\":[\"PHP Framework Laravel\",\"Tutorial Programming\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\",\"url\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\",\"name\":\"Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku\",\"isPartOf\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png\",\"datePublished\":\"2026-02-04T03:15:45+00:00\",\"dateModified\":\"2026-02-04T03:15:45+00:00\",\"description\":\"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel\",\"breadcrumb\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage\",\"url\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png\",\"contentUrl\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png\",\"width\":1000,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/gurututorku.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Laravel 12 &#8211; Membuat Web Berita berbasis API &#8211; Bagian #3 (Vue.js &#8211; Vue Router)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/gurututorku.com\/blog\/#website\",\"url\":\"https:\/\/gurututorku.com\/blog\/\",\"name\":\"Gurututorku - Learning today success tomorrow\",\"description\":\"Kelas dan Kursus Programming, Design, Multimedia dan Tutorial IT lainnya.\",\"publisher\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/gurututorku.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2\",\"name\":\"gtadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/cropped-gurututorku-favicon.png\",\"contentUrl\":\"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/cropped-gurututorku-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"gtadmin\"},\"logo\":{\"@id\":\"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/gurututorku.com\/blog\"],\"url\":\"https:\/\/gurututorku.com\/blog\/author\/gtadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku","description":"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel","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:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku","og_description":"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel","og_url":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/","og_site_name":"Gurututorku","article_published_time":"2026-02-04T03:15:45+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png","type":"image\/png"}],"author":"gtadmin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"gtadmin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#article","isPartOf":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/"},"author":{"name":"gtadmin","@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2"},"headline":"Tutorial Laravel 12 &#8211; Membuat Web Berita berbasis API &#8211; Bagian #3 (Vue.js &#8211; Vue Router)","datePublished":"2026-02-04T03:15:45+00:00","dateModified":"2026-02-04T03:15:45+00:00","mainEntityOfPage":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/"},"wordCount":87,"commentCount":0,"publisher":{"@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2"},"image":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage"},"thumbnailUrl":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png","keywords":["laravel controller","laravel model","laravel route","laravel view blade","php framework","tutorial laravel 12","tutorial laravel migrate","tutorial laravel mysql","web berita laravel"],"articleSection":["PHP Framework Laravel","Tutorial Programming"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/","url":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/","name":"Tutorial Laravel 12 - Membuat Web Berita berbasis API - Bagian #3 (Vue.js - Vue Router) - Gurututorku","isPartOf":{"@id":"https:\/\/gurututorku.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage"},"image":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage"},"thumbnailUrl":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png","datePublished":"2026-02-04T03:15:45+00:00","dateModified":"2026-02-04T03:15:45+00:00","description":"laravel controller, laravel model, laravel route, laravel view blade, php framework, tutorial laravel 12, tutorial laravel migrate, tutorial laravel mysql, web berita laravel","breadcrumb":{"@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#primaryimage","url":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png","contentUrl":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/laravel.png","width":1000,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/gurututorku.com\/blog\/tutorial-laravel-12-membuat-web-berita-berbasis-api-bagian-3-vue-js-vue-router\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gurututorku.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorial Laravel 12 &#8211; Membuat Web Berita berbasis API &#8211; Bagian #3 (Vue.js &#8211; Vue Router)"}]},{"@type":"WebSite","@id":"https:\/\/gurututorku.com\/blog\/#website","url":"https:\/\/gurututorku.com\/blog\/","name":"Gurututorku - Learning today success tomorrow","description":"Kelas dan Kursus Programming, Design, Multimedia dan Tutorial IT lainnya.","publisher":{"@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gurututorku.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/6c85586545a9930343cd35e9bf4bd9a2","name":"gtadmin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/cropped-gurututorku-favicon.png","contentUrl":"https:\/\/gurututorku.com\/blog\/wp-content\/uploads\/2024\/11\/cropped-gurututorku-favicon.png","width":512,"height":512,"caption":"gtadmin"},"logo":{"@id":"https:\/\/gurututorku.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/gurututorku.com\/blog"],"url":"https:\/\/gurututorku.com\/blog\/author\/gtadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/posts\/1531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/comments?post=1531"}],"version-history":[{"count":4,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/posts\/1531\/revisions"}],"predecessor-version":[{"id":1536,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/posts\/1531\/revisions\/1536"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/media\/824"}],"wp:attachment":[{"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/media?parent=1531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/categories?post=1531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gurututorku.com\/blog\/wp-json\/wp\/v2\/tags?post=1531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}