{"id":74159,"date":"2025-07-28T21:00:49","date_gmt":"2025-07-28T13:00:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=74159"},"modified":"2025-07-14T20:48:31","modified_gmt":"2025-07-14T12:48:31","slug":"getting-started-with-gemini-cli-guide","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/","title":{"rendered":"Getting Started with Gemini CLI"},"content":{"rendered":"<p><a href=\"https:\/\/github.com\/google-gemini\/gemini-cli\" target=\"_blank\" rel=\"noopener noreferrer\">Gemini CLI<\/a> is a free, open-source tool that brings Googles Gemini AI right into your Terminal.<\/p>\n<p>If you\u2019re a developer, it can help you work faster as it allows you to talk to your system and code in plain English. Aside of dealing with code, you can use it for, writing, research, and more. It\u2019s lightweight, supports long prompts, works with tools like VS Code, and is easy to customize.<\/p>\n<p>But, before you can start using its powerful features, you\u2019ll need to install it on your machine. Let\u2019s see how to install it and how to get everything set up.<\/p>\n<h2>Installation<\/h2>\n<p>First, install Node.js version 18 or higher on your machine. You can download it from the official Node.js website: <a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">Node.js Downloads<\/a>.<\/p>\n<p>You will also need <strong>a personal Google Account<\/strong> or <strong>a Gemini API key<\/strong>, which you can get from <strong><a href=\"https:\/\/aistudio.google.com\/app\/apikey\" target=\"_blank\" rel=\"noopener noreferrer\">Google AI Studio<\/a><\/strong>, to authenticate your access to Gemini AI.<\/p>\n<p>Once you get either of those, you can either run Gemini CLI instantly using <code>npx<\/code>:<\/p>\n<pre>\r\nnpx https:\/\/github.com\/google-gemini\/gemini-cli\r\n<\/pre>\n<p>Or, I would recommend to install it globally with npm, so you can use it from anywhere in your terminal. To do this, run the following command:<\/p>\n<pre>\r\nnpm install -g @google\/gemini-cli\r\n<\/pre>\n<p>After the installation is complete, you can verify whether Gemini CLI is installed correctly by running:<\/p>\n<pre>\r\ngemini --version\r\n<\/pre>\n<h3>Authentication<\/h3>\n<p>When you run Gemini for the first time\u2026<\/p>\n<pre>\r\ngemini\r\n<\/pre>\n<p>\u2026you will be asked to select the color theme that it will use to render the codes generated. You can select any of the available themes that suit your preference.<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg\" alt=\"Gemini CLI initial setup showing theme selection interface\" width=\"1000\" height=\"600\">\n    <\/figure>\n<p>Then, you will also need to authenticate your access to Gemini AI by providing your <strong>Google Account<\/strong>. Or, If you need higher quotas, beyond the free tier, I\u2019d suggest to provide a Gemini API key from Google AI Studio.<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-auth.jpg\" alt=\"Gemini CLI authentication screen showing Google Account and API key options\" width=\"1000\" height=\"600\">\n    <\/figure>\n<h2>Examples and Use Cases<\/h2>\n<p>The Gemini CLI can be used for various tasks including for coding assistant, file management, content generation, research, task automation, and even system troubleshooting. Let\u2019s see some of these examples:<\/p>\n<h3>Coding Assitant<\/h3>\n<p>Gemini CLI can help you write code, debug, and even explain code snippets. For example, you can ask it to write a function in Node.js that calculates the factorial of a number. To do this, you can simply run <code>gemini<\/code>. This will bring the interactive mode, as we can see below:<\/p>\n<p>By default, it will be using the <code>gemini-2.5-pro<\/code>. But, if you do not need all the power of the <code>gemini-2.5-pro<\/code> model, you can switch it to other Gemini models, such as <code>gemini-2.0-flash-lite<\/code>, which is a lightweight model that is faster and cheaper to use.<\/p>\n<pre>\r\ngemini --m gemini-2.0-flash-lite\r\n<\/pre>\n<p>Now, we can ask it to write our function. In this case, I will prompt it to: <q><strong>Generate a function in Node.js that calculates the factorial of a number.<\/strong><\/q><\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cmd-code-generation.jpg\" alt=\"Gemini CLI generating Node.js factorial function code example\" width=\"1000\" height=\"600\">\n    <\/figure>\n<p>It generated the code for us. But we can also ask it even further to save it in a file, such as <code>factorial.js<\/code>. To do this, we can simply prompt it to: <q><strong>Save this code in a file named factorial.js<\/strong><\/q>.<\/p>\n<p>You will be asked permission to save the file, and you can either allow it once or always. If you choose to allow it always, it will save the file without asking you again in the future.<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cmd-save-file.jpg\" alt=\"Gemini CLI saving generated code to factorial.js with permission prompt\" width=\"1000\" height=\"600\">\n    <\/figure>\n<p>Now, we should find the file in the current working directory.<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/file-ls.jpg\" alt=\"Terminal showing ls command output with newly created factorial.js file\" width=\"1000\" height=\"300\">\n    <\/figure>\n<h3>File and Project<\/h3>\n<p>As mentioned earlier, Gemini CLI can also help you with file management. For example, you can ask it to create a new directory for your project, and then create a new file inside that directory.<\/p>\n<p>In this example, I\u2019d like to ask Gemini to scaffold a new Go project for me. To do this I will ask it a bit more detail about what needs to be created inside the initial project, for example:<\/p>\n<pre>\r\nI want to scaffold a new Go project with the following details:\r\n\r\n* Module name: github.com\/tfirdaus\/go-project\r\n* Language: Go\r\n* Purpose: A simple CLI application\r\n* Go version: 1.20+\r\n* Dependency management: Go modules\r\n\r\nPlease generate:\r\n\r\n1. A standard directory structure\r\n2. Initial go.mod file\r\n3. A minimal main.go file (if applicable)\r\n4. Sample README.md\r\n5. Optional: .gitignore for Go projects\r\n6. Test file example\r\n\r\nUse idiomatic Go practices and organize the code to be easy to extend later.\r\n<\/pre>\n<p>After sending this prompt, Gemini will ask you some permissions to make some changes on the file system such as for changing directory, creating directory, creating and writing files.<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cmd-scaffold-permissions.jpg\" alt=\"Gemini CLI requesting permissions for scaffolding a new Go project\" width=\"1000\" height=\"600\">\n    <\/figure>\n<p>After you allow it, it will start creating the project structure for you, and you can check the result by running <code>ls<\/code> command:<\/p>\n<figure>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cmd-scaffold.jpg\" alt=\"Terminal showing the generated Go project structure with ls command\" width=\"1000\" height=\"400\">\n    <\/figure>\n<h2>Wrapping up<\/h2>\n<p>Gemini CLI is a powerful and flexible tool that can help you with all kinds of tasks, from coding and managing files to generating content and answering questions. It\u2019s easy to install, simple to set up, and works right from your terminal using plain language commands.<\/p>\n<p>In this article, we walked through how to install Gemini CLI, setting it up, and explored a few practical examples, like using it to help with code and generate an initial project structure.<\/p>\n<p>But there\u2019s much more to explore. In upcoming articles, we\u2019ll dive deeper into Gemini CLI\u2019s advanced features, like integrating with <strong>Model Context Protocol (MCP)<\/strong>, customizing context and behavior, and using some of its built-in tools.<\/p>\n<p>Stay tuned for more tips to help you get the most out of Gemini CLI!<\/p>","protected":false},"excerpt":{"rendered":"<p>Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you\u2019re a developer, it can help you work faster as it allows you to talk to your system and code in plain English. Aside of dealing with code, you can use it for, writing, research, and more. It\u2019s&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3398],"tags":[3545],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Getting Started with Gemini CLI - Hongkiat<\/title>\n<meta name=\"description\" content=\"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you&#039;re a developer, it can help you work faster as it\" \/>\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\/getting-started-with-gemini-cli-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with Gemini CLI\" \/>\n<meta property=\"og:description\" content=\"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you&#039;re a developer, it can help you work faster as it\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/\" \/>\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=\"2025-07-28T13:00:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Getting Started with Gemini CLI\",\"datePublished\":\"2025-07-28T13:00:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/\"},\"wordCount\":797,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/getting-started-with-gemini-cli-guide\\\/gemini-cli-init.jpg\",\"keywords\":[\"Artificial Intelligence\"],\"articleSection\":[\"Internet\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/\",\"name\":\"Getting Started with Gemini CLI - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/getting-started-with-gemini-cli-guide\\\/gemini-cli-init.jpg\",\"datePublished\":\"2025-07-28T13:00:49+00:00\",\"description\":\"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you're a developer, it can help you work faster as it\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/getting-started-with-gemini-cli-guide\\\/gemini-cli-init.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/getting-started-with-gemini-cli-guide\\\/gemini-cli-init.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/getting-started-with-gemini-cli-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with Gemini CLI\"}]},{\"@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\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting Started with Gemini CLI - Hongkiat","description":"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you're a developer, it can help you work faster as it","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\/getting-started-with-gemini-cli-guide\/","og_locale":"en_US","og_type":"article","og_title":"Getting Started with Gemini CLI","og_description":"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you're a developer, it can help you work faster as it","og_url":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2025-07-28T13:00:49+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Getting Started with Gemini CLI","datePublished":"2025-07-28T13:00:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/"},"wordCount":797,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg","keywords":["Artificial Intelligence"],"articleSection":["Internet"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/","url":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/","name":"Getting Started with Gemini CLI - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg","datePublished":"2025-07-28T13:00:49+00:00","description":"Gemini CLI is a free, open-source tool that brings Googles Gemini AI right into your Terminal. If you're a developer, it can help you work faster as it","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/getting-started-with-gemini-cli-guide\/gemini-cli-init.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/getting-started-with-gemini-cli-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting Started with Gemini CLI"}]},{"@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\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-ji7","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74159","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=74159"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74159\/revisions"}],"predecessor-version":[{"id":74160,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74159\/revisions\/74160"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=74159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=74159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=74159"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=74159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}