{"id":72551,"date":"2024-08-15T21:00:04","date_gmt":"2024-08-15T13:00:04","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=72551"},"modified":"2024-08-14T17:06:49","modified_gmt":"2024-08-14T09:06:49","slug":"laravel-development-environment-comparison","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/","title":{"rendered":"Laravel Development Environment Compared"},"content":{"rendered":"<p>When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development environment can help you work more efficiently, test your code, and avoid potential deployment issues.<\/p>\n<p>There are several tools available within the Laravel ecosystem, such as <a href=\"https:\/\/laravel.com\/docs\/11.x\/homestead\" target=\"_blank\" rel=\"noopener noreferrer\">Homestead<\/a>, <a href=\"https:\/\/laravel.com\/docs\/11.x\/valet\" target=\"_blank\" rel=\"noopener noreferrer\">Valet<\/a>, <a href=\"https:\/\/laravel.com\/docs\/11.x\/sail\" target=\"_blank\" rel=\"noopener noreferrer\">Sail<\/a>, and <a href=\"https:\/\/herd.laravel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Herd<\/a>, as well as tools outside their ecosystem like <a href=\"https:\/\/www.mamp.info\/\" target=\"_blank\" rel=\"noopener noreferrer\">MAMP<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.jpg\" alt=\"Laravel Development Environment\" width=\"1600\" height=\"900\"><\/figure>\n<p>Each tool offers unique features and benefits, catering to different needs and workflows. In this article, we\u2019ll compare these tools to help you choose the best one for your local Laravel development.<\/p>\n<hr>\n<h2><a href=\"https:\/\/laravel.com\/docs\/11.x\/homestead\">Homestead<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/laravel-homestead.jpg\" alt=\"Laravel Homestead development environment screenshot\" width=\"750\" height=\"180\"><\/figure>\n<p><strong>Laravel Homestead<\/strong> is an official <a href=\"https:\/\/www.vagrantup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vagrant<\/a> box that provides a ready-to-use development environment with PHP, Nginx, MySQL, and Redis pre-installed.<\/p>\n<p>Homestead runs on a virtual machine, ensuring that your development setup is consistent, no matter where you work, and does not affect configurations or other applications on your machine. Homestead also supports multiple PHP versions, making it easy to switch between them. You can configure and manage your setup using a simple <code>Homestead.yaml<\/code> file.<\/p>\n<p>Homestead is a great option for developers working on projects that require a full-featured virtual machine. Otherwise, lighter options might be preferable.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Provides a full-featured development environment out of the box<\/li>\n<li>Isolated environment prevents conflicts with other local software<\/li>\n<li>Supports multiple sites and projects<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Requires Vagrant and VirtualBox, which can be resource-intensive<\/li>\n<li>Setup can be more complex compared to other tools<\/li>\n<\/ul>\n<hr>\n<h2><a href=\"https:\/\/laravel.com\/docs\/11.x\/valet\">Valet<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/laravel-valet.jpg\" alt=\"Laravel Valet setup on macOS\" width=\"750\" height=\"180\"><\/figure>\n<p><strong>Laravel Valet<\/strong> is a lightweight development environment designed for macOS users. It automatically sets up your Mac to run Nginx in the background and uses DnsMasq to route requests on the <code>*.test<\/code> domain to your local sites.<\/p>\n<p>Though it is not intended as a replacement for more robust environments like <strong>Homestead<\/strong>, it offers a quick, flexible setup. It also supports a variety of other frameworks and CMSs, such as WordPress, Symfony, and Drupal, straight out of the box.<\/p>\n<p>It is perfect for macOS users who prefer a fast and lightweight setup with minimal configuration.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Lightweight and fast, with minimal resource usage<\/li>\n<li>Supports multiple PHP versions<\/li>\n<li>Seamless integration with other tools like Ngrok and Expose to share your local sites<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Limited to macOS<\/li>\n<li>Apache is not supported<\/li>\n<li>Less isolation compared to virtualized environments, which may cause conflicts with other software on your machine<\/li>\n<\/ul>\n<hr>\n<h2><a href=\"https:\/\/laravel.com\/docs\/11.x\/sail\">Sail<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/laravel-sail.jpg\" alt=\"Laravel Sail Docker environment setup\" width=\"750\" height=\"180\"><\/figure>\n<p>Laravel Sail is a Docker-based development environment that provides a simple command-line interface for interacting with <a href=\"https:\/\/www.docker.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker<\/a>.<\/p>\n<p>It comes with pre-configured services like MySQL, Redis, MeiliSearch, and more, making it easy to get started with Laravel projects. Since it is based on Docker, you can easily configure your environment or add any other services that you may need but are not included by default through the <code>compose.yml<\/code> file.<\/p>\n<p>It is best for developers who prefer Docker-based workflows and want an easily configurable environment.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Consistent development environment across different platforms: Windows, macOS, and Linux<\/li>\n<li>Fast and simple CLI to start and stop projects<\/li>\n<li>Easily customizable<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Requires Docker, which can be complex for beginners<\/li>\n<li>Requires WSL to run on Windows<\/li>\n<li>Performance can be an issue on some systems<\/li>\n<\/ul>\n<hr>\n<h2><a href=\"https:\/\/www.mamp.info\/\">Herd<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/laravel-herd.jpg\" alt=\"Laravel Herd desktop app interface\" width=\"750\" height=\"180\"><\/figure>\n<p>Laravel Herd is a desktop app designed to create a fast, lightweight, and user-friendly local development environment for Laravel applications. It offers a simple, zero-configuration setup and includes everything you need to get started, such as Composer, the Laravel installer, a debugger, and essential services like MySQL.<\/p>\n<p>Additionally, Herd provides a seamless migration tool from Laravel Valet, and it allows you to manage different versions of Node.js and PHP. You can also manage SSL certificates and other services easily through its user-friendly interface.<\/p>\n<p>A great application if you prefer ease of use with a nice UI.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Comes as a desktop app with a user-friendly interface<\/li>\n<li>Lightning-fast since it directly includes the PHP and Composer binaries<\/li>\n<li>Node.js and SSL management<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Limited to macOS<\/li>\n<li>Full features only available in the paid version<\/li>\n<\/ul>\n<hr>\n<h2><a href=\"https:\/\/www.mamp.info\/\">MAMP<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/mamp.jpg\" alt=\"MAMP interface on macOS\" width=\"750\" height=\"180\"><\/figure>\n<p>MAMP is a popular tool for creating a local server environment on macOS and Windows. While it\u2019s not specifically designed for Laravel, you can configure MAMP to run Laravel applications.<\/p>\n<p>It provides an easy way to set up PHP, MySQL, and Apache or Nginx, as well as other tools on your local machine. It also includes features like PHP version switching and a user-friendly interface. This makes it a convenient option for developers who want to work on Laravel projects and other PHP projects without needing to install and configure everything manually.<\/p>\n<p>Suitable for those who need a cross-platform solution and work with various PHP applications outside Laravel.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Simple and user-friendly interface<\/li>\n<li>Suitable for various PHP applications, not just Laravel<\/li>\n<li>Supports both Apache and Nginx<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Less tailored to Laravel-specific needs, so manual configuration might still be required in some cases<\/li>\n<\/ul>\n<hr>\n<h2>Conclusion<\/h2>\n<p>Choosing the right tool for running Laravel on localhost depends on your development needs, preferences, and operating system. Consider your specific requirements and workflow to choose the best option for your Laravel development.<\/p>","protected":false},"excerpt":{"rendered":"<p>When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development environment can help you work more efficiently, test your code, and avoid potential deployment issues. There are several tools available within the Laravel ecosystem, such as Homestead, Valet, Sail, and Herd, as well&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":[3392],"tags":[],"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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Laravel Development Environment Compared - Hongkiat<\/title>\n<meta name=\"description\" content=\"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development\" \/>\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\/laravel-development-environment-comparison\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laravel Development Environment Compared\" \/>\n<meta property=\"og:description\" content=\"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/\" \/>\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=\"2024-08-15T13:00:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.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\\\/laravel-development-environment-comparison\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Laravel Development Environment Compared\",\"datePublished\":\"2024-08-15T13:00:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/\"},\"wordCount\":819,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/laravel-development-environment-comparison\\\/hero.jpg\",\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/\",\"name\":\"Laravel Development Environment Compared - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/laravel-development-environment-comparison\\\/hero.jpg\",\"datePublished\":\"2024-08-15T13:00:04+00:00\",\"description\":\"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/laravel-development-environment-comparison\\\/hero.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/laravel-development-environment-comparison\\\/hero.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/laravel-development-environment-comparison\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laravel Development Environment Compared\"}]},{\"@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":"Laravel Development Environment Compared - Hongkiat","description":"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development","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\/laravel-development-environment-comparison\/","og_locale":"en_US","og_type":"article","og_title":"Laravel Development Environment Compared","og_description":"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development","og_url":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2024-08-15T13:00:04+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.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\/laravel-development-environment-comparison\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Laravel Development Environment Compared","datePublished":"2024-08-15T13:00:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/"},"wordCount":819,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.jpg","articleSection":["Coding"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/","url":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/","name":"Laravel Development Environment Compared - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.jpg","datePublished":"2024-08-15T13:00:04+00:00","description":"When developing a Laravel application, having a reliable local development environment is as important as the code itself. A good local development","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/laravel-development-environment-comparison\/hero.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/laravel-development-environment-comparison\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Laravel Development Environment Compared"}]},{"@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-iSb","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72551","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=72551"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72551\/revisions"}],"predecessor-version":[{"id":72552,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72551\/revisions\/72552"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=72551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=72551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=72551"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=72551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}