{"id":21983,"date":"2014-09-01T15:01:19","date_gmt":"2014-09-01T07:01:19","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=21983"},"modified":"2025-04-04T02:00:50","modified_gmt":"2025-04-03T18:00:50","slug":"new-projects-with-google-web-starter-kit","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/","title":{"rendered":"Kickstart Your Web Development Projects with Google&#8217;s Web Starter Kit"},"content":{"rendered":"<p>Google\u2019s <strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/google\/web-starter-kit\">Web Starter Kit<\/a><\/strong> is  designed to <strong>quickly get web developers up and running on new projects<\/strong>.<\/p>\n<p>It\u2019s packed with powerful tools like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/browsersync.io\/\">BrowserSync<\/a> for simultaneous testing across devices, <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/livereload\/jnihajbhpnppcggbcgedagnkighmdlei\">LiveReload<\/a> to refresh your browser instantly on file changes, an HTTP Server for easy local hosting, <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/pagespeed.web.dev\/\">PageSpeed<\/a> for optimizing performance, <a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/imagemin\">ImageMin<\/a> for reducing image file sizes, a Sass Compiler for CSS, JSHint for JavaScript error checking, and several templates.<\/p>\n<p>These tools and resources are essential for <strong>developing responsive, multi-device web applications<\/strong>. Let\u2019s dive into how the Web Starter Kit can streamline your web development process.<\/p>\n<h2>How to Begin with Google Web Starter Kit<\/h2>\n<p>You can download the Google Web Starter Kit from the <a href=\"https:\/\/developers.google.com\/web\/starter-kit\/\" rel=\"nofollow noopener\" target=\"_blank\">Google Web Starter Page<\/a>. It\u2019s ready to use out of the box, but to leverage its full suite of tools, you\u2019ll need to install some prerequisites.<\/p>\n<p>Start by <strong>installing NodeJS<\/strong>, which powers various Gulp tasks like PageSpeed, ImageMin, and JSHint. Next, as the Kit utilizes Sass for CSS creation, ensure you have <strong>Ruby<\/strong> and <strong>Sass<\/strong> installed.<\/p>\n<p>Finally, <strong>Gulp<\/strong> is essential. The Kit includes several pre-configured Gulp plugins within the gulpfile.js, located in the root directory. Install Gulp with the following command:<\/p>\n<pre>\r\nnpm install gulp\r\n<\/pre>\n<p>With these tools installed, you\u2019re all set to dive into the Web Starter Kit.<\/p>\n<h3>Setting Up Your Project with the Web Starter Kit<\/h3>\n<p>To get started, download the Kit from the <a href=\"https:\/\/developers.google.com\/web\/starter-kit\/\" rel=\"nofollow noopener\" target=\"_blank\">Google Web Starter Page<\/a> and unpack it wherever you like. Alternatively, clone it directly from GitHub using the git command:<\/p>\n<pre>\r\ngit clone https:\/\/github.com\/google\/web-starter-kit.git\r\n<\/pre>\n<p>This command downloads the Kit to your computer, creating a \u201cweb-starter-kit\u201d folder filled with essential files, including an <code>app<\/code> folder, Gulpfile.js, package.json, among others. Next, install the Kit\u2019s dependencies by running:<\/p>\n<pre>\r\nnpm install\r\n<\/pre>\n<p>After installing the dependencies, your project is ready to go. You now have all the necessary files and folders to begin building your web application.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg\" alt=\"Screenshot showcasing Google Web Starter Kit's PageSpeed feature\"><\/figure>\n<h2>Streamlining Development with Gulp in the Web Starter Kit<\/h2>\n<p>The Google Web Starter Kit comes packed with Gulp plugins designed to streamline your development tasks. Here are some key commands to familiarize yourself with. Use these in your Terminal or Command Prompt for efficient project management.<\/p>\n<p>The <code>gulp serve<\/code> command launches your app in a browser, assigns it a <code>localhost<\/code> address, and activates LiveReload. This means any file changes you make will automatically refresh your browser page. Additionally, it initiates BrowserSync, syncing clicks, scrolls, and page reloads across devices, making multi-device testing a breeze.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg\" alt=\"Google Web Starter Kit on Chrome mobile emulation\"><\/figure>\n<p>Next, the <code>gulp pagespeed<\/code> command offers insights into your app\u2019s performance by utilizing Google\u2019s PageSpeed API. It\u2019s a crucial tool for understanding and improving your page load times.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-files.jpg\" alt=\"Google Web Starter Kit files and setup\"><\/figure>\n<p>Lastly, running the simple <code>gulp<\/code> command compiles your project into a new <strong>dist<\/strong> folder. This folder contains your project\u2019s distribution-ready files, all optimized and compressed for the best performance, including HTML, JS, CSS, and images.<\/p>\n<h2>Important Considerations<\/h2>\n<p>The Web Starter Kit leverages the latest in web technologies, meaning it\u2019s designed for the most recent versions of major browsers, including IE10+, Firefox 30+, Chrome 34+, Opera 23+, and Safari 7+. However, testing reveals some compatibility issues with IE9 and earlier versions of these browsers. For those needing to support older browsers, additional adjustments may be required to bridge technology gaps.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>Embracing the Google Web Starter Kit can significantly enhance the development of responsive, high-performance web applications across multiple devices. With its ready-to-use templates and pre-configured tools, it streamlines the development process, allowing you to focus on creating an impactful user experience.<\/p>","protected":false},"excerpt":{"rendered":"<p>Google\u2019s Web Starter Kit is designed to quickly get web developers up and running on new projects. It\u2019s packed with powerful tools like BrowserSync for simultaneous testing across devices, LiveReload to refresh your browser instantly on file changes, an HTTP Server for easy local hosting, PageSpeed for optimizing performance, ImageMin for reducing image file sizes,&hellip;<\/p>\n","protected":false},"author":141,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[3064],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Kickstart Your Web Development Projects with Google&#039;s Web Starter Kit - Hongkiat<\/title>\n<meta name=\"description\" content=\"Google&#039;s Web Starter Kit is designed to quickly get web developers up and running on new projects. It&#039;s packed with powerful tools like BrowserSync for\" \/>\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.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kickstart Your Web Development Projects with Google&#039;s Web Starter Kit\" \/>\n<meta property=\"og:description\" content=\"Google&#039;s Web Starter Kit is designed to quickly get web developers up and running on new projects. It&#039;s packed with powerful tools like BrowserSync for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-01T07:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T18:00:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. 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.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"Kickstart Your Web Development Projects with Google&#8217;s Web Starter Kit\",\"datePublished\":\"2014-09-01T07:01:19+00:00\",\"dateModified\":\"2025-04-03T18:00:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/\"},\"wordCount\":566,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/new-projects-with-google-web-starter-kit\\\/web-starter-kit-pagespeed.jpg\",\"keywords\":[\"Design Tools\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/\",\"name\":\"Kickstart Your Web Development Projects with Google's Web Starter Kit - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/new-projects-with-google-web-starter-kit\\\/web-starter-kit-pagespeed.jpg\",\"datePublished\":\"2014-09-01T07:01:19+00:00\",\"dateModified\":\"2025-04-03T18:00:50+00:00\",\"description\":\"Google's Web Starter Kit is designed to quickly get web developers up and running on new projects. It's packed with powerful tools like BrowserSync for\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/new-projects-with-google-web-starter-kit\\\/web-starter-kit-pagespeed.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/new-projects-with-google-web-starter-kit\\\/web-starter-kit-pagespeed.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/new-projects-with-google-web-starter-kit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kickstart Your Web Development Projects with Google&#8217;s Web Starter Kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kickstart Your Web Development Projects with Google's Web Starter Kit - Hongkiat","description":"Google's Web Starter Kit is designed to quickly get web developers up and running on new projects. It's packed with powerful tools like BrowserSync for","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.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/","og_locale":"en_US","og_type":"article","og_title":"Kickstart Your Web Development Projects with Google's Web Starter Kit","og_description":"Google's Web Starter Kit is designed to quickly get web developers up and running on new projects. It's packed with powerful tools like BrowserSync for","og_url":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-09-01T07:01:19+00:00","article_modified_time":"2025-04-03T18:00:50+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"Kickstart Your Web Development Projects with Google&#8217;s Web Starter Kit","datePublished":"2014-09-01T07:01:19+00:00","dateModified":"2025-04-03T18:00:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/"},"wordCount":566,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg","keywords":["Design Tools"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/","url":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/","name":"Kickstart Your Web Development Projects with Google's Web Starter Kit - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg","datePublished":"2014-09-01T07:01:19+00:00","dateModified":"2025-04-03T18:00:50+00:00","description":"Google's Web Starter Kit is designed to quickly get web developers up and running on new projects. It's packed with powerful tools like BrowserSync for","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/new-projects-with-google-web-starter-kit\/web-starter-kit-pagespeed.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/new-projects-with-google-web-starter-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Kickstart Your Web Development Projects with Google&#8217;s Web Starter Kit"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5Iz","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=21983"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21983\/revisions"}],"predecessor-version":[{"id":73711,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21983\/revisions\/73711"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=21983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=21983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=21983"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=21983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}