{"id":9583,"date":"2023-07-20T15:09:29","date_gmt":"2023-07-20T08:09:29","guid":{"rendered":"https:\/\/alan.co.id\/?p=9583"},"modified":"2023-07-23T22:53:56","modified_gmt":"2023-07-23T15:53:56","slug":"perbedaan-react-js-dan-next-js-seperti-apa","status":"publish","type":"post","link":"https:\/\/alan.co.id\/en\/perbedaan-react-js-dan-next-js-seperti-apa\/","title":{"rendered":"Perbedaan React.js dan Next.js, Seperti Apa?"},"content":{"rendered":"<p>Halo, Alan Lovers! Anda harus mengatahui beberapa<a href=\"#perbedaan-reactjs-dan-nextjs\"> perbedaan React.js dan Next.js<\/a>. Pasalnya, masih banyak yang mengira bahwa kedua teknologi tersebut memiliki peran yang sama.<\/p>\n\n\n\n<p>Secara singkat, React.js merupakan salah satu teknologi yang digunakan untuk membangun tampilan antar muka di <em>website<\/em> atau aplikasi. Sedangkan, Next.js digunakan untuk mengembangkan <em>website <\/em>atau aplikasi secara lengkap.<\/p>\n\n\n\n<p>Lantas, apa saja<a href=\"#perbedaan-reactjs-dan-nextjs\"> perbedaan React.js dan Next.js<\/a> lainnya? Tentunya, Anda harus menyimak artikel ini hingga tuntas untuk menemukan jawabannya.<\/p>\n\n\n\n<p><strong>Baca Juga: <a href=\"https:\/\/alan.co.id\/en\/apa-itu-nuxt-js-framework-yang-bisa-tingkatkan-seo\/\">Apa itu Nuxt.js? Framework yang Bisa Tingkatkan SEO!<\/a> <\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa Perbedaan React.js dan Next.js?<\/strong><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"525\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/mobisoft-infotech.png\" alt=\"Perbedaan React.js dan Next,js, Seperti Apa?\" class=\"wp-image-9585\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/mobisoft-infotech.png 1000w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/mobisoft-infotech-300x158.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/mobisoft-infotech-768x403.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/mobisoft-infotech-18x9.png 18w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Perbedaan React.js dan Next,js, Seperti Apa? (Sumber: Mobisoft Infotech)<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Di zaman yang serba digital, seluruh kebutuhan dapat diakses melalui <em>website <\/em>atau aplikasi. Sementara itu, tampilan <em>website<\/em> atau aplikasi yang unik dan ciamik sangat diperlukan untuk menarik minat konsumen.<\/p>\n\n\n\n<p>Hal tersebut menjadi tugas bagi para <em>front-end developer<\/em> untuk mengembangkan agar tampilan <em>website<\/em> atau aplikasi menarik untuk dilihat. Biasanya, para <em>front-end developer<\/em> menggunakan React.js untuk memenuhi kebutuhan tersebut.<\/p>\n\n\n\n<p>Lebih lanjut, React.js memungkinkan pengembang untuk memisahkan UI (<em>User Interface<\/em>) menjadi komponen indpenden agar memudahkan pengembangan dan pemeliharaan kode. Selain itu, React.js juga akan melakukan <em>rendering<\/em> dan mengelola tampilan halaman di sisi klien.<\/p>\n\n\n\n<p>Sementara itu, Next.js merupakan <em>framework<\/em> yang dibangun di atas React.js serta berfunsi untuk pengembangan aplikasi web dengan fitur SSR (<em>Server-side-Rendering<\/em>) dan SSG (<em>Static Site Generation<\/em>).<\/p>\n\n\n\n<p>Dengan adanya fitur tersebut, Next.js digunakan untuk meningkatakan performa serta pengalaman pengguna di dalam <em>website<\/em> ataupun aplikasi.<\/p>\n\n\n\n<p>Tak hanya itu, Next.js juga menyediakan fitur lainnya seperti <em>routing <\/em>otomatis berdasarkan struktur folder, integrasi antara API <em>back-end<\/em>, hingga dapat membuat struktur proyek.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Lebih Baik React.js atau Next.js?<\/strong><\/h2>\n\n\n\n<p>Meskipun keduanya saling berkesinambungan, nyatanya Next.js masih menjadi primadona untuk digunakan dibandingkan dengan React.js.<\/p>\n\n\n\n<p>Hal ini dikarenakan, Next.js menggunakan SSR untuk proses <em>rendering<\/em> <em>website<\/em>. Dimana, proses pemuatan <em>website <\/em>bisa berlangsung lebih cepat.<\/p>\n\n\n\n<p>Sementara itu, React.js menggunakan CSR untuk proses <em>rendering<\/em> <em>website<\/em>, sehingga server hanya menyediakan file HTML, CSS, dan <em>JavaScript<\/em> untuk menamiplkan <em>website<\/em>. Dengan begitu, proses pemuatan <em>website<\/em> berlangsung lumayan lama.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-kesimpulan\"><strong>Kesimpulan<\/strong><\/h2>\n\n\n\n<p>React.js merupakan teknologi yang digunakan untuk membangun UI reaktif di sisi klien. Sementara itu, Next.js merupakan kerangka kerja yang berbasis React.js dengan berfokus pada SSR dan SSG untuk memberikan pengalaman pengembangan web yang lebih lengkap.<\/p>\n\n\n\n<p>Masih bingung dalam <a href=\"https:\/\/alan.co.id\/en\/website-simpel\/\">membuat <em>website<\/em> untuk keperluan bisnis<\/a>? <a href=\"https:\/\/www.instagram.com\/alancreativeid\/?hl=en\">Alan Creative <\/a>bisa menjadi pilihan yang tepat untuk Anda. Dengan jaminan <em>support<\/em> dan <em>maintenance<\/em> berkelanjutan serta harga yang terjangkau, Anda sudah bisa membangun <em>website <\/em>untuk keperluan bisnis. Tunggu apa lagi? Hubungi <a href=\"https:\/\/www.instagram.com\/alancreativeid\/?hl=en\">Alan Creative<\/a> sekarang juga!<\/p>","protected":false},"excerpt":{"rendered":"<p>Halo, Alan Lovers! Anda harus mengatahui beberapa perbedaan React.js dan Next.js. Pasalnya, masih banyak yang mengira bahwa kedua teknologi tersebut memiliki peran yang sama. Secara singkat, React.js merupakan salah satu teknologi yang digunakan untuk membangun tampilan antar muka di website atau aplikasi. Sedangkan, Next.js digunakan untuk mengembangkan website atau aplikasi secara lengkap. Lantas, apa saja [&hellip;]<\/p>","protected":false},"author":7,"featured_media":9586,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[26],"tags":[1184,659,58,416],"class_list":["post-9583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","tag-perbedaan-react-js-dan-next-js","tag-technology-stack","tag-teknologi","tag-website-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.5 (Yoast SEO v26.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Perbedaan React.js dan Next.js, Seperti Apa?<\/title>\n<meta name=\"description\" content=\"Anda harus mengatahui beberapa perbedaan React.js dan Next.js. Masih banyak yang mengira kedua teknologi tersebut memiliki peran yang sama\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alan.co.id\/en\/perbedaan-react-js-dan-next-js-seperti-apa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software house dan Creative Agency Nomor 1 di Indonesia.\" \/>\n<meta property=\"og:description\" content=\"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alan.co.id\/en\/perbedaan-react-js-dan-next-js-seperti-apa\/\" \/>\n<meta property=\"og:site_name\" content=\"Alan Creative\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/alancreativeid\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-20T08:09:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-23T15:53:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dudi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:site\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dudi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/\"},\"author\":{\"name\":\"Dudi\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/661336eb29d0ace0f32de98562265452\"},\"headline\":\"Perbedaan React.js dan Next.js, Seperti Apa?\",\"datePublished\":\"2023-07-20T08:09:29+00:00\",\"dateModified\":\"2023-07-23T15:53:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/\"},\"wordCount\":430,\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg\",\"keywords\":[\"perbedaan react.js dan next.js\",\"technology stack\",\"teknologi\",\"website development\"],\"articleSection\":[\"Teknologi\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/\",\"url\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/\",\"name\":\"Perbedaan React.js dan Next.js, Seperti Apa?\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg\",\"datePublished\":\"2023-07-20T08:09:29+00:00\",\"dateModified\":\"2023-07-23T15:53:56+00:00\",\"description\":\"Anda harus mengatahui beberapa perbedaan React.js dan Next.js. Masih banyak yang mengira kedua teknologi tersebut memiliki peran yang sama\",\"breadcrumb\":{\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"Perbedaan React.js dan Next,js, Seperti Apa?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/alan.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perbedaan React.js dan Next.js, Seperti Apa?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/alan.co.id\/#website\",\"url\":\"https:\/\/alan.co.id\/\",\"name\":\"Alan Creative\",\"description\":\"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia\",\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/alan.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/alan.co.id\/#organization\",\"name\":\"Alan Creative\",\"url\":\"https:\/\/alan.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"width\":500,\"height\":386,\"caption\":\"Alan Creative\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/alancreativeid\",\"https:\/\/x.com\/alancreativeid\",\"https:\/\/instagram.com\/alancreativeid\",\"https:\/\/tiktok.com\/@alancreativeid\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/661336eb29d0ace0f32de98562265452\",\"name\":\"Dudi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/68aa4107b34ee55c8bdaed330802472bed5fe815c91cd2ff29b2277fb63484e4?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/68aa4107b34ee55c8bdaed330802472bed5fe815c91cd2ff29b2277fb63484e4?s=96&r=g\",\"caption\":\"Dudi\"},\"sameAs\":[\"http:\/\/alan.co.id\",\"https:\/\/www.linkedin.com\/in\/dudiadiansyah\/\"],\"honorificSuffix\":\"S.Kel\",\"gender\":\"laki-laki\",\"knowsAbout\":[\"SEO Writer\",\"Content Writer\",\"Copywriting\"],\"knowsLanguage\":[\"Indonesia\"],\"url\":\"https:\/\/alan.co.id\/en\/author\/dudiadian\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Perbedaan React.js dan Next.js, Seperti Apa?","description":"Anda harus mengatahui beberapa perbedaan React.js dan Next.js. Masih banyak yang mengira kedua teknologi tersebut memiliki peran yang sama","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:\/\/alan.co.id\/en\/perbedaan-react-js-dan-next-js-seperti-apa\/","og_locale":"en_US","og_type":"article","og_title":"Software house dan Creative Agency Nomor 1 di Indonesia.","og_description":"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.","og_url":"https:\/\/alan.co.id\/en\/perbedaan-react-js-dan-next-js-seperti-apa\/","og_site_name":"Alan Creative","article_publisher":"https:\/\/facebook.com\/alancreativeid","article_published_time":"2023-07-20T08:09:29+00:00","article_modified_time":"2023-07-23T15:53:56+00:00","og_image":[{"width":2560,"height":2560,"url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg","type":"image\/jpeg"}],"author":"Dudi","twitter_card":"summary_large_image","twitter_creator":"@alancreativeid","twitter_site":"@alancreativeid","twitter_misc":{"Written by":"Dudi","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#article","isPartOf":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/"},"author":{"name":"Dudi","@id":"https:\/\/alan.co.id\/#\/schema\/person\/661336eb29d0ace0f32de98562265452"},"headline":"Perbedaan React.js dan Next.js, Seperti Apa?","datePublished":"2023-07-20T08:09:29+00:00","dateModified":"2023-07-23T15:53:56+00:00","mainEntityOfPage":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/"},"wordCount":430,"publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"image":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg","keywords":["perbedaan react.js dan next.js","technology stack","teknologi","website development"],"articleSection":["Teknologi"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/","url":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/","name":"Perbedaan React.js dan Next.js, Seperti Apa?","isPartOf":{"@id":"https:\/\/alan.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage"},"image":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg","datePublished":"2023-07-20T08:09:29+00:00","dateModified":"2023-07-23T15:53:56+00:00","description":"Anda harus mengatahui beberapa perbedaan React.js dan Next.js. Masih banyak yang mengira kedua teknologi tersebut memiliki peran yang sama","breadcrumb":{"@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#primaryimage","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/07\/oskar-yildiz-cOkpTiJMGzA-unsplash-scaled.jpg","width":2560,"height":2560,"caption":"Perbedaan React.js dan Next,js, Seperti Apa?"},{"@type":"BreadcrumbList","@id":"https:\/\/alan.co.id\/perbedaan-react-js-dan-next-js-seperti-apa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alan.co.id\/"},{"@type":"ListItem","position":2,"name":"Perbedaan React.js dan Next.js, Seperti Apa?"}]},{"@type":"WebSite","@id":"https:\/\/alan.co.id\/#website","url":"https:\/\/alan.co.id\/","name":"Alan Creative","description":"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia","publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alan.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alan.co.id\/#organization","name":"Alan Creative","url":"https:\/\/alan.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","width":500,"height":386,"caption":"Alan Creative"},"image":{"@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/alancreativeid","https:\/\/x.com\/alancreativeid","https:\/\/instagram.com\/alancreativeid","https:\/\/tiktok.com\/@alancreativeid"]},{"@type":"Person","@id":"https:\/\/alan.co.id\/#\/schema\/person\/661336eb29d0ace0f32de98562265452","name":"Dudi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/68aa4107b34ee55c8bdaed330802472bed5fe815c91cd2ff29b2277fb63484e4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/68aa4107b34ee55c8bdaed330802472bed5fe815c91cd2ff29b2277fb63484e4?s=96&r=g","caption":"Dudi"},"sameAs":["http:\/\/alan.co.id","https:\/\/www.linkedin.com\/in\/dudiadiansyah\/"],"honorificSuffix":"S.Kel","gender":"laki-laki","knowsAbout":["SEO Writer","Content Writer","Copywriting"],"knowsLanguage":["Indonesia"],"url":"https:\/\/alan.co.id\/en\/author\/dudiadian\/"}]}},"_links":{"self":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/9583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/comments?post=9583"}],"version-history":[{"count":1,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/9583\/revisions"}],"predecessor-version":[{"id":9587,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/9583\/revisions\/9587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media\/9586"}],"wp:attachment":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media?parent=9583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/categories?post=9583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/tags?post=9583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}