{"id":1657,"date":"2024-12-27T04:19:04","date_gmt":"2024-12-27T04:19:04","guid":{"rendered":"https:\/\/200oksolutions.com\/blog\/?p=1657"},"modified":"2025-12-04T07:44:05","modified_gmt":"2025-12-04T07:44:05","slug":"implementing-light-dark-mode-flutter-mobx","status":"publish","type":"post","link":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/","title":{"rendered":"Implementing Light\/Dark Mode in Flutter with MobX State Management"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"624\" height=\"327\" src=\"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14.webp\" alt=\"\" class=\"wp-image-1661\" style=\"width:980px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14.webp 624w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-300x157.webp 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<p>Flutter provides a powerful framework to create beautiful cross-platform apps with a native feel. One of the most requested features in mobile apps is theme support, where users can toggle between light and dark modes based on their preferences. In this tutorial, we&#8217;ll walk you through implementing light\/dark mode functionality in Flutter using <strong>MobX<\/strong> state management.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is MobX?<\/strong><\/h2>\n\n\n\n<p>MobX is a reactive state management library for Dart that allows you to manage application state in a simple and efficient way. With MobX, you can easily observe changes in your app\u2019s state and automatically update the UI without needing to manually handle rebuilding widgets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Use MobX for Theme Management?<\/strong><\/h2>\n\n\n\n<p>MobX is a great choice for theme management because:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reactivity<\/strong>: MobX makes it easy to react to changes in theme settings and automatically update the UI.<\/li>\n\n\n\n<li><strong>Simplicity<\/strong>: MobX provides a clean and simple API to manage state, making it perfect for light\/dark mode.<\/li>\n\n\n\n<li><strong>Maintainability<\/strong>: By separating your theme logic from UI code, your app becomes more modular and easier to maintain.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s dive into the implementation!<\/p>\n\n\n\n<p><strong>Table of Contents:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Introduction<\/li>\n\n\n\n<li>Prerequisites<\/li>\n\n\n\n<li>Step 1: Setting Up Your Flutter Project<\/li>\n\n\n\n<li>Step 2: Adding Dependencies<\/li>\n\n\n\n<li>Step 3: Creating the Theme Store<\/li>\n\n\n\n<li>Step 4: Integrating the Store with Your App<\/li>\n\n\n\n<li>Step 5: Creating the Home Screen<\/li>\n\n\n\n<li>Conclusion<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Introduction<\/strong><\/h3>\n\n\n\n<p>In this guide, we&#8217;ll walk through the process of integrating light and dark mode themes into your Flutter application using MobX for state management. With the growing demand for dark mode in apps, this implementation will ensure your app is user-friendly and visually appealing in any lighting condition.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Prerequisites<\/strong><\/h3>\n\n\n\n<p>Before diving in, make sure you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basic knowledge of Flutter<\/li>\n\n\n\n<li>Familiarity with MobX for state management<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Step 1: Setting Up Your Flutter Project<\/strong><\/h3>\n\n\n\n<p>First, create a new Flutter project or open your existing one. Ensure you have the latest version of Flutter and Dart.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>flutter create light_dark_mode_demo\ncd light_dark_mode_demo<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Step 2: Adding Dependencies<\/strong><\/h3>\n\n\n\n<p>Add the necessary dependencies for MobX and Flutter hooks in your <strong>pubspec.yaml <\/strong>file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"451\" height=\"408\" src=\"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10.webp\" alt=\"Code example for MobX implementation in Flutter for toggling between light and dark mode\" class=\"wp-image-1662\" style=\"width:979px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10.webp 451w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10-300x271.webp 300w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/figure>\n\n\n\n<p>Run <strong>flutter pub get<\/strong> to install the dependencies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Step 3: Creating the Theme Store<\/strong><\/h3>\n\n\n\n<p>Create a new file called <strong>theme_store.dart<\/strong> in the lib directory. This file will contain the MobX store for managing the theme state.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"451\" height=\"408\" src=\"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10-1.webp\" alt=\"Code example for MobX implementation in Flutter for toggling between light and dark mode\" class=\"wp-image-1663\" style=\"width:980px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10-1.webp 451w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture2-10-1-300x271.webp 300w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/figure>\n\n\n\n<p>Run the code generator to create the necessary files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>flutter packages pub run build_runner build<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Step 4: Integrating the Store with Your App<\/strong><\/h3>\n\n\n\n<p>In your <strong>main.dart<\/strong> file, create an instance of the ThemeStore and provide it using a Provider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"549\" height=\"624\" src=\"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture3-7.webp\" alt=\"Code example for MobX implementation in Flutter for toggling between light and dark mode\" class=\"wp-image-1664\" style=\"width:980px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture3-7.webp 549w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture3-7-264x300.webp 264w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Step 5: Creating the Home Screen<\/strong><\/h3>\n\n\n\n<p><strong>Creating the Home Screen<\/strong> Create a new file called <strong>home_screen.dart <\/strong>and implement the home screen with a toggle button to switch themes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"513\" height=\"624\" src=\"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture4-7.webp\" alt=\"Code example for MobX implementation in Flutter for toggling between light and dark mode\" class=\"wp-image-1665\" style=\"width:980px;height:auto\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture4-7.webp 513w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture4-7-247x300.webp 247w\" sizes=\"(max-width: 513px) 100vw, 513px\" \/><\/figure>\n\n\n\n<p>Here are some resources to guide you through the process:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/flutter.dev\/?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Flutter Official Website<\/strong>:<\/a> Provides comprehensive documentation and guides on Flutter development, including theming and state management.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mobx.netlify.app\/?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>MobX for Dart and Flutter Official Website<\/strong>:<\/a> Offers detailed information and tutorials on using MobX for state management in Dart and Flutter applications.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Conclusion<\/strong><\/h3>\n\n\n\n<p>You&#8217;ve successfully implemented light and dark mode themes in your Flutter application using MobX for state management. This approach ensures your app remains responsive to user preferences and provides a better user experience. Remember, customization is key, so feel free to tweak the themes and make them unique to your app. Happy coding!<\/p>\n\n\n\n<p>I hope this helps! If you need any more details or have questions, feel free to ask.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Looking to enhance your mobile app with dynamic themes and robust state management? At 200OK Solutions, we specialize in Flutter app development, including custom solutions with MobX and other state management tools. Contact us to build intuitive and high-performing applications tailored to your business needs.<\/summary><div class=\"is-default-size wp-block-site-logo\"><a href=\"https:\/\/www.200oksolutions.com\/blog\/\" class=\"custom-logo-link light-mode-logo\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"191\" src=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2026\/01\/cropped-200ok_logo.png\" class=\"custom-logo\" alt=\"Web Development, Software, and App Blog | 200OK Solutions\" srcset=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2026\/01\/cropped-200ok_logo.png 484w, https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2026\/01\/cropped-200ok_logo-300x118.png 300w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/a><\/div><\/details>\n","protected":false},"excerpt":{"rendered":"<p>Flutter provides a powerful framework to create beautiful cross-platform apps with a native feel. One of the&hellip;<\/p>\n","protected":false},"author":5,"featured_media":1668,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[9,12,524,523,92,522,107],"class_list":["post-1657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","tag-flutter","tag-flutter-development","tag-flutter-ui","tag-light-dark-mode","tag-mobile-app-development","tag-mobx","tag-state-management"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Implementing Light\/Dark Mode in Flutter with MobX State Management Web Development, Software, and App Blog | 200OK Solutions<\/title>\n<meta name=\"description\" content=\"Learn how to implement light and dark mode in your Flutter application using MobX state management. Enhance your app&#039;s usability and provide a seamless user experience with this step-by-step guide.\" \/>\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.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implementing Light\/Dark Mode in Flutter with MobX State Management Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"og:description\" content=\"Learn how to implement light and dark mode in your Flutter application using MobX state management. Enhance your app&#039;s usability and provide a seamless user experience with this step-by-step guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-27T04:19:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T07:44:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"257\" \/>\n\t<meta property=\"og:image:height\" content=\"323\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Piyush Solanki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Piyush Solanki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implementing Light\/Dark Mode in Flutter with MobX State Management Web Development, Software, and App Blog | 200OK Solutions","description":"Learn how to implement light and dark mode in your Flutter application using MobX state management. Enhance your app's usability and provide a seamless user experience with this step-by-step guide.","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.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/","og_locale":"en_US","og_type":"article","og_title":"Implementing Light\/Dark Mode in Flutter with MobX State Management Web Development, Software, and App Blog | 200OK Solutions","og_description":"Learn how to implement light and dark mode in your Flutter application using MobX state management. Enhance your app's usability and provide a seamless user experience with this step-by-step guide.","og_url":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/","og_site_name":"Web Development, Software, and App Blog | 200OK Solutions","article_published_time":"2024-12-27T04:19:04+00:00","article_modified_time":"2025-12-04T07:44:05+00:00","og_image":[{"width":257,"height":323,"url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp","type":"image\/webp"}],"author":"Piyush Solanki","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Piyush Solanki","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#article","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/"},"author":{"name":"Piyush Solanki","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e"},"headline":"Implementing Light\/Dark Mode in Flutter with MobX State Management","datePublished":"2024-12-27T04:19:04+00:00","dateModified":"2025-12-04T07:44:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/"},"wordCount":600,"commentCount":0,"publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp","keywords":["flutter","flutter development","Flutter UI","Light\/Dark Mode","Mobile App Development","MobX","State Management"],"articleSection":["Flutter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/","url":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/","name":"Implementing Light\/Dark Mode in Flutter with MobX State Management Web Development, Software, and App Blog | 200OK Solutions","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#primaryimage"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp","datePublished":"2024-12-27T04:19:04+00:00","dateModified":"2025-12-04T07:44:05+00:00","description":"Learn how to implement light and dark mode in your Flutter application using MobX state management. Enhance your app's usability and provide a seamless user experience with this step-by-step guide.","breadcrumb":{"@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#primaryimage","url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp","contentUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/12\/Picture1-14-1-e1735273369579.webp","width":257,"height":323,"caption":"Illustration showing light and dark mode UI screens in a Flutter app powered by MobX"},{"@type":"BreadcrumbList","@id":"https:\/\/www.200oksolutions.com\/blog\/implementing-light-dark-mode-flutter-mobx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.200oksolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Implementing Light\/Dark Mode in Flutter with MobX State Management"}]},{"@type":"WebSite","@id":"https:\/\/www.200oksolutions.com\/blog\/#website","url":"https:\/\/www.200oksolutions.com\/blog\/","name":"Web Development, Software, and App Blog | 200OK Solutions","description":"","publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.200oksolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.200oksolutions.com\/blog\/#organization","name":"Web Development Blog | Software Blog | App Blog","url":"https:\/\/www.200oksolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","contentUrl":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","width":500,"height":191,"caption":"Web Development Blog | Software Blog | App Blog"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/200ok_solutions\/"]},{"@type":"Person","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e","name":"Piyush Solanki","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","caption":"Piyush Solanki"},"description":"Piyush is a seasoned PHP Tech Lead with 10+ years of experience architecting and delivering scalable web and mobile backend solutions for global brands and fast-growing SMEs. He specializes in PHP, MySQL, CodeIgniter, WordPress, and custom API development, helping businesses modernize legacy systems and launch secure, high-performance digital products. He collaborates closely with mobile teams building Android &amp; iOS apps , developing RESTful APIs, cloud integrations, and secure payment systems using platforms like Stripe, AWS S3, and OTP\/SMS gateways. His work extends across CMS customization, microservices-ready backend architectures, and smooth product deployments across Linux and cloud-based environments. Piyush also has a strong understanding of modern front-end technologies such as React and TypeScript, enabling him to contribute to full-stack development workflows and advanced admin panels. With a successful delivery track record in the UK market and experience building digital products for sectors like finance, hospitality, retail, consulting, and food services, Piyush is passionate about helping SMEs scale technology teams, improve operational efficiency, and accelerate innovation through backend excellence and digital tools.","url":"https:\/\/www.200oksolutions.com\/blog\/author\/piyush\/"}]}},"_links":{"self":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/1657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=1657"}],"version-history":[{"count":2,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/1657\/revisions"}],"predecessor-version":[{"id":1669,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/1657\/revisions\/1669"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media\/1668"}],"wp:attachment":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=1657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=1657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=1657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}