{"id":18691,"date":"2013-11-22T18:01:10","date_gmt":"2013-11-22T10:01:10","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18691"},"modified":"2025-04-04T01:38:35","modified_gmt":"2025-04-03T17:38:35","slug":"preview-in-localhost","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/","title":{"rendered":"Streamline Localhost Project Preview with Sublime Text"},"content":{"rendered":"<p>During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text, you will notice that files open in browsers using the <code>file:\/\/<\/code> protocol.<\/p>\n<p>If you are developing a PHP-based website, you need to view your site under the HTTP protocol, making <code>file:\/\/<\/code> unsuitable. The same requirement applies when testing your website in <a href=\"http:\/\/html.adobe.com\/edge\/inspect\/\" rel=\"nofollow noopener\" target=\"_blank\">Adobe Edge Inspect<\/a> to <strong>preview the site on mobile devices.<\/strong><\/p>\n<p>If you are using Sublime Text, here is a quick tip to streamline your workflow. You can <strong>quickly preview your website in the browser under the HTTP protocol.<\/strong> Let\u2019s explore how to do it.<\/p>\n<h2>SidebarEnhancement<\/h2>\n<p>The first step is to install <a href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\" rel=\"nofollow noopener\" target=\"_blank\"><strong>SidebarEnhancement<\/strong><\/a>. It is a Sublime Text plugin that adds several new functionalities to the Sublime Text sidebar. You can install this plugin using <strong><a href=\"https:\/\/sublime.wbond.net\/\" rel=\"nofollow noopener\" target=\"_blank\">Package Control<\/a><\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg\" alt=\"Sublime Text Sidebar Enhancement Plugin\" width=\"500\" height=\"150\"><\/figure>\n<p>If Package Control does not work for you, you can install it via Git by running the following command in Terminal:<\/p>\n<pre>\r\ncd ~\/Library\/Application\\ Support\/Sublime\\ Text\\ 3\/Packages\r\ngit clone https:\/\/github.com\/titoBouzout\/SideBarEnhancements.git\r\n<\/pre>\n<p>Once installed, you will see several new options when you right-click on the sidebar. You can view your project in a browser by selecting <strong>Open in Browser<\/strong>. This will open the files in the browser using the <code>file:\/\/<\/code> protocol.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/open-in-browser.jpg\" alt=\"Open Project in Browser with Sublime Text\" width=\"500\" height=\"150\"><\/figure>\n<p>To change this to the HTTP protocol, right-click on the project folder and select <strong>Projects &gt; Edit Preview URLS<\/strong>. This will open a JSON file named <strong>SidebarEnhancements.json<\/strong> in a new tab.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-json.jpg\" alt=\"Editing SidebarEnhancements.json in Sublime Text\" width=\"500\" height=\"150\"><\/figure>\n<p>In this file, specify the project path, testing URL, and production URL. Here is an example:<\/p>\n<pre>\r\n{\r\n \"\/Users\/thoriq\/Sites\/project\": {\r\n \"url_testing\": \"http:\/\/localhost\/project\",\r\n \"url_production\": \"http:\/\/www.project.com\"\r\n }\r\n}\r\n<\/pre>\n<p>The first line specifies the project folder path on your computer. <code>url_testing<\/code> specifies the testing URL or development URL, which usually starts with <code>localhost<\/code>.<\/p>\n<p>The <code>url_production<\/code> specifies the production URL, which is the online URL that makes the website accessible via the Internet.<\/p>\n<p>You can also add multiple projects like this:<\/p>\n<pre>\r\n{\r\n \/\/ 1st Project \r\n \"\/Users\/thoriq\/Sites\/project\": {\r\n \"url_testing\": \"http:\/\/localhost\/project\",\r\n \"url_production\": \"http:\/\/www.project.com\"\r\n },\r\n \r\n \/\/ 2nd Project\r\n \"\/Users\/thoriq\/Sites\/project2\": {\r\n \"url_testing\": \"http:\/\/localhost\/project2\",\r\n \"url_production\": \"http:\/\/www.project2.com\"\r\n },\r\n \r\n \/\/ 3rd Project\r\n \"\/Users\/thoriq\/Sites\/project3\": {\r\n \"url_testing\": \"http:\/\/localhost\/project3\",\r\n \"url_production\": \"http:\/\/www.project3.com\"\r\n }\r\n}\r\n<\/pre>\n<h3>Shortcut Keys<\/h3>\n<p>There are shortcut keys to make this process easier: press <span class=\"key\">F12<\/span> to open project files in the testing URL and <span class=\"key\">Alt<\/span> + <span class=\"key\">F12<\/span> to open the project in the production URL.<\/p>\n<p>To change keys (in case of conflicts), go to <strong>Preferences &gt; Package Settings &gt; Side Bar &gt; Key Bindings \u2013 User<\/strong> and make your changes there. Add the following code and change the values in the <code>\"keys\"<\/code> string:<\/p>\n<pre>\r\n[\r\n { \"keys\": [\"F12\"],\r\n \"command\": \"side_bar_open_in_browser\",\r\n \"args\": {\"paths\": [], \"type\": \"testing\"}\r\n },\r\n { \"keys\": [\"alt+F12\"],\r\n \"command\": \"side_bar_open_in_browser\",\r\n \"args\": {\"paths\": [], \"type\": \"production\"}\r\n }\r\n]\r\n<\/pre>\n<p>For example:<\/p>\n<pre>\r\n[\r\n { \"keys\": [\"command+shift+r\"],\r\n \"command\": \"side_bar_open_in_browser\",\r\n \"args\": {\"paths\": [], \"type\": \"testing\"}\r\n },\r\n { \"keys\": [\"command+shift+d\"],\r\n \"command\": \"side_bar_open_in_browser\",\r\n \"args\": {\"paths\": [], \"type\": \"production\"}\r\n }\r\n]\r\n<\/pre>\n<p>That\u2019s it! Now, you can open your project in a browser under the HTTP protocol quickly using the shortcut keys. Just make sure your localhost server is running. If you encounter any issues or have trouble following this tutorial, feel free to ask your questions in the comments below.<\/p>","protected":false},"excerpt":{"rendered":"<p>During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text, you will notice that files open in browsers using the file:\/\/ protocol. If you are developing a PHP-based website, you need to view your site under the HTTP&hellip;<\/p>\n","protected":false},"author":113,"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":[2499],"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>Streamline Localhost Project Preview with Sublime Text - Hongkiat<\/title>\n<meta name=\"description\" content=\"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,\" \/>\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\/preview-in-localhost\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Streamline Localhost Project Preview with Sublime Text\" \/>\n<meta property=\"og:description\" content=\"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/\" \/>\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=\"2013-11-22T10:01:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:38:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.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\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Streamline Localhost Project Preview with Sublime Text\",\"datePublished\":\"2013-11-22T10:01:10+00:00\",\"dateModified\":\"2025-04-03T17:38:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/\"},\"wordCount\":424,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/preview-in-localhost\\\/sidebar-enhancements.jpg\",\"keywords\":[\"sublime text\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/\",\"name\":\"Streamline Localhost Project Preview with Sublime Text - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/preview-in-localhost\\\/sidebar-enhancements.jpg\",\"datePublished\":\"2013-11-22T10:01:10+00:00\",\"dateModified\":\"2025-04-03T17:38:35+00:00\",\"description\":\"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/preview-in-localhost\\\/sidebar-enhancements.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/preview-in-localhost\\\/sidebar-enhancements.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/preview-in-localhost\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Streamline Localhost Project Preview with Sublime Text\"}]},{\"@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":"Streamline Localhost Project Preview with Sublime Text - Hongkiat","description":"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,","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\/preview-in-localhost\/","og_locale":"en_US","og_type":"article","og_title":"Streamline Localhost Project Preview with Sublime Text","og_description":"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,","og_url":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-11-22T10:01:10+00:00","article_modified_time":"2025-04-03T17:38:35+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Streamline Localhost Project Preview with Sublime Text","datePublished":"2013-11-22T10:01:10+00:00","dateModified":"2025-04-03T17:38:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/"},"wordCount":424,"commentCount":7,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg","keywords":["sublime text"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/","url":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/","name":"Streamline Localhost Project Preview with Sublime Text - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg","datePublished":"2013-11-22T10:01:10+00:00","dateModified":"2025-04-03T17:38:35+00:00","description":"During development, we often switch back and forth between browsers and code editors to view the results of our code. If you are working in Sublime Text,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/preview-in-localhost\/sidebar-enhancements.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/preview-in-localhost\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Streamline Localhost Project Preview with Sublime Text"}]},{"@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-4Rt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18691","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=18691"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18691\/revisions"}],"predecessor-version":[{"id":73636,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18691\/revisions\/73636"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18691"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}