{"id":20727,"date":"2014-06-09T18:01:51","date_gmt":"2014-06-09T10:01:51","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=20727"},"modified":"2024-05-29T19:15:21","modified_gmt":"2024-05-29T11:15:21","slug":"host-static-website-dropbox-pancake","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/","title":{"rendered":"Host Your Static Website in Dropbox With Pancake"},"content":{"rendered":"<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.dropbox.com\/\">Dropbox<\/a> is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will be <dfn>synced<\/dfn> within minutes, especially if shared with others. But, did you know that <strong>Dropbox also allows you to host a website?<\/strong><\/p>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/host-website-google-server\/\">Hosting your website<\/a> on a free service like Dropbox can be a great solution if you\u2019re on a tight budget. This is made possible and easy with a service called <em>Pancake.io<\/em>.<\/p>\n<p>Pancake.io is a web service that <strong>enables you to host files on its <code>*.pancakeapps.io<\/code> subdomain or even your own domain<\/strong>. Intrigued? Let\u2019s explore how you can set this up.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/website-and-page-building-tools\/\" class=\"ref-block__link\" title=\"Read More: 9 Websites and Page Builders to Try\" rel=\"bookmark\"><span class=\"screen-reader-text\">9 Websites and Page Builders to Try<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/website-and-page-building-tools.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-43071 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/website-and-page-building-tools.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">9 Websites and Page Builders to Try<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tYour go-to guide for selecting the perfect website building tools.\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Setting Up Your Account<\/h2>\n<p>First, let\u2019s create a Pancake account. Enter your email address, set a password, and once you\u2019re signed up, connect your Dropbox account. Start by clicking the <strong>Connect Dropbox<\/strong> link in the menu bar.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.jpg\" height=\"300\" width=\"500\" alt=\"Connecting Dropbox link on Pancake.io\"><\/figure>\n<p>This will redirect you to Dropbox, where you should sign in to your account and authorize Pancake.io to create a new folder named <strong>Apps > Pancake.io<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/pancake-allowance.jpg\" height=\"280\" width=\"500\" alt=\"Pancake.io allowance settings on Dropbox\"><\/figure>\n<h3>Upload Your Website to Dropbox<\/h3>\n<p>Assuming your project is ready, here\u2019s a snapshot of my simple website, featuring a heading, a paragraph, and a button. Drop your website into the Dropbox folder within the <strong>Apps > Pancake.io<\/strong> directory.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/website-example.jpg\" height=\"250\" width=\"500\" alt=\"Example of a simple website\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/pancake-folder.jpg\" height=\"180\" width=\"500\" alt=\"Dropbox folder for Pancake.io\"><\/figure>\n<h3>Start a Pancake.io Project<\/h3>\n<p>Next, create a Pancake.io project. Navigate to the Project page and click the big green button to begin.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/create-a-new-project.jpg\" height=\"280\" width=\"500\" alt=\"Creating a new project on Pancake.io\"><\/figure>\n<p>Fill out the form with your Project Name and subdomain, ensuring the subdomain is at least 5 characters long. Then, select your website folder from the Pancake.io directory in Dropbox.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/pick-folder.jpg\" height=\"280\" width=\"500\" alt=\"Selecting a folder in Pancake.io\"><\/figure>\n<p>Click the \u201c<strong>Create Dropbox Project<\/strong>\u201d button. You can now access your website via the specified subdomain.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/website-active.jpg\" height=\"280\" width=\"500\" alt=\"Active website on Pancake.io subdomain\"><\/figure>\n<h3>Implement a Custom Domain<\/h3>\n<p>If you prefer to use a custom domain, proceed to the Settings tab in your Pancake.io project and specify your domain. For example, I used <code>pancake.creatiface.com<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/custom-domain-setting.jpg\" height=\"280\" width=\"500\" alt=\"Setting custom domain in Pancake.io\"><\/figure>\n<p>Create a CNAME record pointing your domain to the <code>*.pancakeapps.io<\/code> subdomain. Domain propagation might take 24 to 72 hours before your website becomes accessible under your custom domain.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/new-cname-record.jpg\" height=\"132\" width=\"500\" alt=\"Creating a new CNAME record\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/own-domain-name.jpg\" height=\"280\" width=\"500\" alt=\"Custom domain activation\"><\/figure>\n<h2>Wrap-Up<\/h2>\n<p>Pancake.io has truly simplified publishing your static website \u2013 it\u2019s as easy as pie! Just drop your website files into the designated Dropbox folder and watch it go live in seconds, without the hassle of traditional FTP. Plus, you can manage up to three projects from a single account, making it a convenient choice for personal and small-scale projects.<\/p>","protected":false},"excerpt":{"rendered":"<p>Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will be synced within minutes, especially if shared with others. But, did you know that Dropbox also allows you to host a website? Hosting your website on a free service&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":[3393],"tags":[2018],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Host Your Static Website in Dropbox With Pancake - Hongkiat<\/title>\n<meta name=\"description\" content=\"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will\" \/>\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\/host-static-website-dropbox-pancake\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Host Your Static Website in Dropbox With Pancake\" \/>\n<meta property=\"og:description\" content=\"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/\" \/>\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-06-09T10:01:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-29T11:15:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.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=\"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\\\/host-static-website-dropbox-pancake\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Host Your Static Website in Dropbox With Pancake\",\"datePublished\":\"2014-06-09T10:01:51+00:00\",\"dateModified\":\"2024-05-29T11:15:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/\"},\"wordCount\":410,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/host-static-website-dropbox-pancake\\\/connect-dropbox-link.jpg\",\"keywords\":[\"Dropbox\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/\",\"name\":\"Host Your Static Website in Dropbox With Pancake - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/host-static-website-dropbox-pancake\\\/connect-dropbox-link.jpg\",\"datePublished\":\"2014-06-09T10:01:51+00:00\",\"dateModified\":\"2024-05-29T11:15:21+00:00\",\"description\":\"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/host-static-website-dropbox-pancake\\\/connect-dropbox-link.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/host-static-website-dropbox-pancake\\\/connect-dropbox-link.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/host-static-website-dropbox-pancake\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Host Your Static Website in Dropbox With Pancake\"}]},{\"@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":"Host Your Static Website in Dropbox With Pancake - Hongkiat","description":"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will","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\/host-static-website-dropbox-pancake\/","og_locale":"en_US","og_type":"article","og_title":"Host Your Static Website in Dropbox With Pancake","og_description":"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will","og_url":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-06-09T10:01:51+00:00","article_modified_time":"2024-05-29T11:15:21+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Host Your Static Website in Dropbox With Pancake","datePublished":"2014-06-09T10:01:51+00:00","dateModified":"2024-05-29T11:15:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/"},"wordCount":410,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.jpg","keywords":["Dropbox"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/","url":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/","name":"Host Your Static Website in Dropbox With Pancake - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.jpg","datePublished":"2014-06-09T10:01:51+00:00","dateModified":"2024-05-29T11:15:21+00:00","description":"Dropbox is a premier platform for storing, backing up, and sharing files via cloud storage. Simply drop your files into the Dropbox folder and they will","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/host-static-website-dropbox-pancake\/connect-dropbox-link.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/host-static-website-dropbox-pancake\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Host Your Static Website in Dropbox With Pancake"}]},{"@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-5oj","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20727","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=20727"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20727\/revisions"}],"predecessor-version":[{"id":72035,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20727\/revisions\/72035"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=20727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=20727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=20727"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=20727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}