{"id":1720,"date":"2021-08-04T06:15:30","date_gmt":"2021-08-04T06:15:30","guid":{"rendered":"http:\/\/cipher.co.th\/?p=1720"},"modified":"2025-03-04T09:38:24","modified_gmt":"2025-03-04T02:38:24","slug":"headless-magento-2-resources","status":"publish","type":"post","link":"https:\/\/www.cipher.co.th\/en\/blogs\/headless-magento-2-resources\/","title":{"rendered":"Headless Magento 2 Resources"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1720\" class=\"elementor elementor-1720\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-528a9679 e-flex e-con-boxed e-con e-parent\" data-id=\"528a9679\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4065313 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"4065313\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;headings_by_tags&quot;:[&quot;h1&quot;,&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-circle&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-circle\\&quot; viewBox=\\&quot;0 0 512 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;},&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__4065313\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__4065313\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__4065313\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30f2afe3 elementor-widget elementor-widget-text-editor\" data-id=\"30f2afe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"wp-block-heading\"><strong>Headless Magento\u00a02\u00a0Resources<\/strong> <strong>\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\u0e44\u0e14\u0e49\u0e1a\u0e49\u0e32\u0e07<\/strong><\/h2><p>The App Shell Model\u00a0 (<a href=\"https:\/\/developers.google.com\/web\/fundamentals\/architecture\/app-shell\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/developers.google.com\/web\/fundamentals\/architecture\/app-shell<\/a>) \u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a application shell\u00a0\u0e40\u0e1b\u0e47\u0e19\u0e14\u0e35\u0e44\u0e0b\u0e23\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u00a0headless apps<\/p><p class=\"wp-block-heading alignfull has-text-align-center\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2511 size-full\" src=\"http:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115.webp\" alt=\"Headless Magento 2 Resources\" width=\"599\" height=\"428\" srcset=\"https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115.webp 599w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115-500x357.webp 500w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115-300x214.webp 300w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115-200x143.webp 200w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/image-115-400x286.webp 400w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p><p><strong>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u00a0<\/strong><strong>Headless\u00a0(<a href=\"https:\/\/github.com\/ishakhsuvarov\/going-headless\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/github.com\/ishakhsuvarov\/going-headless<\/a>)<\/strong><\/p><p>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07 Imagine 2017 DevExchange \u0e21\u0e35\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 Web API \u0e02\u0e2d\u0e07 Magento\u00a0\u0e01\u0e31\u0e1a\u00a0custom frontend,\u00a0Headless Magento 2\u0e41\u0e25\u0e30 \u0e08\u0e38\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e08\u0e38\u0e14\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e02\u0e2d\u0e07 Web API\u00a0\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/p><p><strong>Headless Magento \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e22\u0e32\u0e22 (<a href=\"https:\/\/alankent.me\/2016\/12\/14\/headless-magento-and-extensions\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/alankent.me\/2016\/12\/14\/headless-magento-and-extensions\/<\/a><\/strong><strong>)<\/strong><\/p><p>\u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e22\u0e32\u0e22\u0e02\u0e2d\u0e07 Magento 2\u00a0\u0e04\u0e38\u0e13\u0e08\u0e30\u0e1e\u0e1a\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u00a0third-party modules\u00a0\u0e41\u0e25\u0e30\u00a0Headless Magento\u00a0\u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u00a0\u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49 Alan Kent \u0e22\u0e31\u0e07\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e02\u0e32\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a Headless Magento 2 \u0e14\u0e49\u0e27\u0e22<\/p><p><strong>CMS API\u00a0<\/strong><strong>\u0e43\u0e19\u00a0<\/strong><strong>Mage<\/strong><strong>2<\/strong><strong>\u00a0(<\/strong><a href=\"http:\/\/davidmanners.de\/cms-api-in-mage2\" target=\"_blank\" rel=\"nofollow noopener\"><strong>http:\/\/davidmanners.de\/cms-api-in-mage<\/strong><strong>2<\/strong><\/a><strong>)\u00a0<\/strong><\/p><p>\u0e01\u0e32\u0e23\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e27\u0e34\u0e18\u0e35\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e2b\u0e19\u0e49\u0e32 CMS \u0e1c\u0e48\u0e32\u0e19 REST API \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e43\u0e19 Magento 2 \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e19\u0e49\u0e19\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e2b\u0e19\u0e49\u0e32 CMS<\/p><p><strong>MageSDK\u00a0(<\/strong><a href=\"https:\/\/github.com\/KickAssCommerce\/magesdk\" target=\"_blank\" rel=\"nofollow noopener\"><strong>https:\/\/github.com\/KickAssCommerce\/magesdk<\/strong><\/a><strong>)<\/strong><\/p><p>wrapper PHP \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Magento 2 API \u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e36\u0e07\u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/p><p><strong>Mamas &amp; Papas(<\/strong><a href=\"http:\/\/www.mamasandpapas.ae\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>http:\/\/www.mamasandpapas.ae\/<\/strong><\/a><strong>)\u00a0\u00a0<\/strong><strong>OUNASS\u00a0(<a href=\"http:\/\/www.ounass.com\/\" target=\"_blank\" rel=\"nofollow noopener\">http:\/\/www.ounass.com\/<\/a>)<\/strong><\/p><p>\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 Headless Magento<\/p><h2 class=\"wp-block-heading\"><strong>\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u00a0<\/strong><strong>Magento\u00a0<\/strong><strong>2\u00a0<\/strong><strong>PWA<\/strong><\/h2><p>\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e2d\u0e48\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e21\u0e48\u0e41\u0e1b\u0e25\u0e01\u0e43\u0e08\u0e16\u0e49\u0e32 Magento 2 \u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 Developer\u00a0\u0e21\u0e35\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e07\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32<\/p><p>Magento 2 PWA\u00a0\u0e08\u0e30\u00a0install\u00a0\u0e41\u0e25\u0e30\u0e23\u0e31\u0e19\u0e42\u0e04\u0e49\u0e14\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e1a\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u00a0\u00a0\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a \u201csingle-page JavaScript apps\u201d\u0e43\u0e19\u0e2d\u0e14\u0e35\u0e15 \u0e43\u0e19\u0e02\u0e13\u0e30\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e21\u0e31\u0e19\u0e01\u0e47\u0e22\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e27\u0e47\u0e1a\u00a0Magento 2 PWA \u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19 HTML, CSS \u0e41\u0e25\u0e30 JavaScript languages\u00a0\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e1a\u00a0 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e20\u0e32\u0e29\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e2b\u0e23\u0e37\u0e2d\u00a0native frameworks\u00a0\u0e43\u0e19\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e21\u0e31\u0e19\u0e22\u0e31\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e14\u0e49\u0e27\u0e22\u00a0lazy-loads\u00a0\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/p><h2 class=\"wp-block-heading\"><strong>Magento\u00a02\u00a0PWA\u00a0\u0e19\u0e31\u0e49\u0e19\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e14\u0e35\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/strong><\/h2><ul class=\"wp-block-list\"><li>The network traffic\u00a0\u0e08\u0e30\u0e25\u0e14\u0e25\u0e07 \u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01\u0e21\u0e31\u0e19\u0e08\u0e30\u0e22\u0e31\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49 \u0e41\u0e21\u0e49\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e15 \u0e41\u0e25\u0e30\u0e43\u0e19\u0e01\u0e23\u0e13\u0e35\u0e17\u0e35\u0e48\u0e40\u0e01\u0e34\u0e14\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e15\u0e0a\u0e49\u0e32 \u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e47\u0e22\u0e31\u0e07\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\u0e01\u0e31\u0e1a\u0e40\u0e27\u0e1a\u0e41\u0e2d\u0e1f\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e48\u0e19\u0e44\u0e14\u0e49 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01 \u0e22\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u00a0shell document\u00a0\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01,\u00a0\u0e21\u0e35\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e1c\u0e48\u0e32\u0e19 HTTPS,\u00a0ServiceWorker\u00a0\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e04\u0e0a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e19\u0e40\u0e1e\u0e08\u0e44\u0e14\u0e49\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e02\u0e36\u0e49\u0e19<\/li><li>\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Non-blocking \u0e16\u0e39\u0e01\u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e02\u0e2d\u0e07 UI \u0e17\u0e35\u0e48 60fps \u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e40\u0e0a\u0e48\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e41\u0e2d\u0e1e\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07<\/li><li>ServiceWorker\u00a0\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u00a0network traffic\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a<\/li><li>\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2d\u0e1e\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e41\u0e2d\u0e1e\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/li><\/ul><p>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e01\u0e31\u0e1a Developer\u00a0 \u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e02\u0e31\u0e49\u0e19\u0e15\u0e49\u0e19\u0e40\u0e01\u0e37\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07 Developer\u00a0\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e17\u0e35\u0e21\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e19\u0e35\u0e49 \u0e2d\u0e32\u0e28\u0e31\u0e22\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e17\u0e35\u0e48\u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e1e\u0e39\u0e14\u0e04\u0e38\u0e22 \u0e2a\u0e19\u0e17\u0e19\u0e32 \u0e16\u0e01\u0e40\u0e16\u0e35\u0e22\u0e07\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e01\u0e31\u0e1a\u00a0Magento community \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e35\u0e17\u0e31\u0e49\u0e07 Developer\u00a0\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01, \u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u00a0JavaScript, \u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e2d\u0e1a CSS, \u0e1c\u0e39\u0e49\u0e1d\u0e36\u0e01\u0e2a\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07, \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19, full-stack developers \u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07 Studio \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32 Magento 2 \u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e38\u0e01\u0e04\u0e19<\/p><h2 class=\"wp-block-heading\"><strong>Magento\u00a0<\/strong><strong>2\u00a0<\/strong><strong>PWA &amp;\u00a0\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e2b\u0e25\u0e31\u0e01<\/strong><\/h2><ul class=\"wp-block-list\"><li><strong>API Layer<\/strong>\u00a0\u0e04\u0e38\u0e13\u0e2d\u0e32\u0e08\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08\u0e01\u0e31\u0e1a Magento REST API\u00a0\u0e17\u0e35\u0e48\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e08\u0e30\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 \u0e41\u0e15\u0e48\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e35\u0e48\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e01\u0e31\u0e1a\u00a0PWA Studio\u00a0\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e31\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u00a0API\u00a0\u0e43\u0e2b\u0e21\u0e48 \u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e08\u0e38\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u00a0API\u00a0\u0e17\u0e35\u0e48\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 \u0e08\u0e36\u0e07\u0e21\u0e35\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e35\u0e48\u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u00a0\u00a0API \u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e2d\u0e07\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/li><li><strong>Application Shell<\/strong>\u00a0Application Shell\u00a0\u0e17\u0e33\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u00a0CSS\u00a0\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\u00a0\u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49\u0e22\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 UI\u00a0\u0e17\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u00a0\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e16\u0e36\u0e07\u0e27\u0e48\u0e32 App Shell \u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a \u00a0JavaScript file\u00a0,\u00a0bootstrap\u00a0,\u00a0PWA runtime\u00a0\u0e41\u0e25\u0e30 \u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/li><li><strong>Application Framework<\/strong><\/li><\/ul><p>Magento PWA Studio \u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 Magento store \u0e43\u0e19 &#8220;headless mode&#8221; \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a single-page JavaScript applications\u00a0\u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e1f\u0e23\u0e21\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e01\u00a0JavaScript\u00a0\u0e43\u0e2b\u0e21\u0e48 \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e2a\u0e34\u0e48\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e46<\/p><p>&#8211;\u00a0\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u00a0\u201cunidirectional data flow\u201d\u00a0\u0e01\u0e31\u0e1a\u00a0pure components<\/p><p>-\u0e43\u0e0a\u0e49\u00a0ReactJS \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33Render\u00a0\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e2b\u0e15\u0e38\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p><p>-\u0e43\u0e0a\u0e49\u00a0Redux\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e41\u0e25\u0e30\u00a0core library\u00a0\u0e02\u0e2d\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19\u00a0Redux reducer<\/p><p>&#8211; \u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e42\u0e21\u0e14\u0e39\u0e25 CSS\u00a0\u00a0\u0e41\u0e25\u0e30\u0e41\u0e22\u0e01 \/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e0a\u0e35\u0e17\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a<\/p><p>&#8211; \u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a Jest \u0e41\u0e25\u0e30 Storybook<\/p><p>&#8211; \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e25\u0e07\u0e43\u0e19 Fronted\u00a0\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07,\u00a0bundles\u00a0\u00a0\u0e41\u0e25\u0e30\u00a0minifies\u00a0\u0e14\u0e49\u0e27\u0e22\u00a0Webpack \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e14\u0e49\u0e27\u0e22 loaders\u00a0\u0e41\u0e25\u0e30\u00a0plugins\u00a0\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e2d\u0e07<\/p><p class=\"wp-block-heading\"><a href=\"https:\/\/www.cipher.co.th\/services\/e-commerce-magento-woocommerce\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"size-large wp-image-2510 aligncenter\" src=\"https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-1024x356.webp\" alt=\"\" width=\"1024\" height=\"356\" srcset=\"https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-1024x356.webp 1024w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-500x174.webp 500w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-700x243.webp 700w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-300x104.webp 300w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-768x267.webp 768w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-200x69.webp 200w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-400x139.webp 400w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-600x208.webp 600w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-800x278.webp 800w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6-1200x417.webp 1200w, https:\/\/www.cipher.co.th\/wp-content\/uploads\/2021\/08\/94c1b948-2ad4-4757-b745-3d7a3d3d1ef6.webp 1405w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p><h2 class=\"wp-block-heading\"><strong>Developer experience<\/strong><\/h2><p>\u0e14\u0e31\u0e07\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e01\u0e25\u0e48\u0e32\u0e27\u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27\u0e2a\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07 Magento 2 PWA \u0e04\u0e37\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u00a0\u00a0\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2a\u0e34\u0e48\u0e07\u0e15\u0e48\u0e32\u0e07\u0e46\u00a0\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/p><ul class=\"wp-block-list\"><li><strong>React<\/strong><\/li><\/ul><p>\u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a JavaScript\u00a0\u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u00a0\u00a0Magento PWA Studio\u0e08\u0e30\u0e17\u0e33\u00a0\u201cReact apps.\u201d\u00a0\u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e48\u0e32\u0e25\u0e37\u0e21\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e15\u0e31\u0e27\u0e43\u0e2b\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e19\u0e35\u0e49\u00a0 \u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e44\u0e14\u0e49\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19<\/p><h2 class=\"wp-block-heading\"><strong>\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b<\/strong><\/h2><p>\u0e2d\u0e22\u0e48\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e07\u0e2a\u0e23\u0e38\u0e1b\u0e27\u0e48\u0e32 Magento\u00a02\u00a0PWA\u00a0\u0e41\u0e25\u0e30\u00a0Headless Magento\u00a02 \u00a0\u0e19\u0e31\u0e49\u0e19\u0e04\u0e25\u0e49\u0e32\u0e22\u0e01\u0e31\u0e1a\u00a0\u201capplets\u201d\u00a0\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07\u0e41\u0e25\u0e49\u0e27\u0e21\u0e31\u0e19\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19\u0e02\u0e49\u0e32\u0e21\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e34\u0e49\u0e19\u0e40\u0e0a\u0e34\u0e07\u00a0\u00a0Magento\u00a02\u00a0PWA\u00a0\u0e41\u0e25\u0e30\u00a0Headless Magento\u00a02\u00a0 \u00a0\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u00a0SEO\u00a0\u00a0\u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2d\u0e35\u0e01\u0e14\u0e49\u0e27\u0e22 \u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49\u00a0Magento\u00a02\u00a0PWA shop\u00a0\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e17\u0e47\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1e\u0e27\u0e01\u0e40\u0e02\u0e32\u0e1e\u0e39\u0e14\u0e04\u0e38\u0e22\u0e01\u0e31\u0e1a\u0e40\u0e0b\u0e34\u0e23\u0e4c\u0e1f\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e43\u0e19\u0e02\u0e13\u0e30\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e19\u0e49\u0e2d\u0e22\u0e25\u0e07 \u0e41\u0e15\u0e48\u00a0\u00a0Magento\u00a02\u00a0PWA\u00a0\u0e41\u0e25\u0e30\u00a0Headless Magento\u00a02\u00a0 \u00a0\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19 : [<strong><a href=\"https:\/\/www.cipher.co.th\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"link\" data-id=\"https:\/\/www.cipher.co.th\/contact-us\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a><\/strong>]<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Table of Contents Headless Magento\u00a02\u00a0Resources \u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\u0e44\u0e14\u0e49\u0e1a\u0e49\u0e32\u0e07 The App Shell Model\u00a0 (https:\/\/developers.google.com\/web\/fundamentals\/architecture\/app-shell) \u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a application shell\u00a0\u0e40\u0e1b\u0e47\u0e19\u0e14\u0e35\u0e44\u0e0b\u0e23\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u00a0headless apps \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u00a0Headless\u00a0(https:\/\/github.com\/ishakhsuvarov\/going-headless) \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07 Imagine 2017 DevExchange [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1722,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"content-type":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"page_builder":"","footnotes":""},"categories":[13,16,22,17,24,21,19,25],"tags":[],"class_list":["post-1720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing","category-e-commerce","category-magento","category-online-marketing","category-pwa","category-seo","category-technology","category-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/posts\/1720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/comments?post=1720"}],"version-history":[{"count":0,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/posts\/1720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/media\/1722"}],"wp:attachment":[{"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/media?parent=1720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/categories?post=1720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cipher.co.th\/en\/wp-json\/wp\/v2\/tags?post=1720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}