{"id":8503,"date":"2022-05-06T15:34:32","date_gmt":"2022-05-06T12:34:32","guid":{"rendered":"https:\/\/www.hosting.com.tr\/blog\/?p=8503"},"modified":"2024-01-18T16:04:26","modified_gmt":"2024-01-18T13:04:26","slug":"micro-front-end","status":"publish","type":"post","link":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/","title":{"rendered":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r?"},"content":{"rendered":"\n<p>Bizler, internet d\u00fcnyas\u0131nda web uygulamalar\u0131nda gezerken bir hayli zaman ge\u00e7iriyoruz. Fakat bir\u00e7o\u011fumuz bu uygulamalar\u0131n ya da web sitelerinin arka plan\u0131nda nas\u0131l bir i\u015fleyi\u015f oldu\u011funu bilemiyoruz. Fakat yaz\u0131l\u0131mc\u0131lar ya da yaz\u0131l\u0131m ile ilgilenenler front-end, back-end gibi terimlere olduk\u00e7a yatk\u0131n oluyor. Son d\u00f6nemlerde s\u0131kl\u0131kla duydu\u011fumuz bir terim olan <strong>Micro Front-End<\/strong> de bir\u00e7ok i\u015fletmenin dikkatini \u00e7ekiyor. Biz de bu yaz\u0131m\u0131zda sizler i\u00e7in Micro Front-End ile ilgili merak edilen t\u00fcm detaylar\u0131 ara\u015ft\u0131rd\u0131k.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"339\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-nedir.jpeg\" alt=\"\" class=\"wp-image-8504\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-nedir.jpeg 638w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-nedir-300x159.jpeg 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"front-end-nedir\">Front-End Nedir?<\/h2>\n\n\n\n<p>Bir web sitesinde kullan\u0131c\u0131lar\u0131n g\u00f6rebildi\u011fi, etkile\u015fime girdi\u011fi her b\u00f6l\u00fcm, front-end b\u00f6l\u00fcm\u00fcnde ger\u00e7ekle\u015ftirilir. <strong>Front-end\u2019in <\/strong>kar\u015f\u0131l\u0131\u011f\u0131 \u2018<strong>\u2018\u00f6ny\u00fcz\u2019\u2019 <\/strong>olarak bilinir. Web sitesinde kullan\u0131lacak renklere, i\u00e7eriklerin nerede yer alaca\u011f\u0131na, hangi yaz\u0131 tipinin kullan\u0131laca\u011f\u0131na front-end b\u00f6l\u00fcm\u00fcnde karar verilir. Front-end b\u00f6l\u00fcm\u00fc, HTML, CSS, JavaScript gibi kodlama dilleri ile olu\u015fturulur.&nbsp;<\/p>\n\n\n\n<p>Front-end yaz\u0131l\u0131mc\u0131lar ise, bir web sitesinin mimar\u0131 olarak da bilinir. Bu yaz\u0131l\u0131mc\u0131lar, kullan\u0131c\u0131lar\u0131n site i\u00e7erisinde i\u015fini kolayla\u015ft\u0131ran ve web sitesinden memnun bir \u015fekilde ayr\u0131lmas\u0131n\u0131 sa\u011flayan ki\u015filerdir.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"micro-front-end-nedir\">Micro Front-End Nedir?<\/h2>\n\n\n\n<p><strong>Micro-Front End mimarisi<\/strong>, \u015firketler taraf\u0131ndan yeni kullan\u0131lmaya ba\u015fland\u0131. Fakat k\u0131sa s\u00fcrede ilgiyi \u00fczerine \u00e7ekmeyi de ba\u015fard\u0131. Bu mimari, front-end ekiplerinin, b\u00fcy\u00fck ve karma\u015f\u0131k d\u00fczenlerde \u00e7al\u0131\u015fmas\u0131na yard\u0131mc\u0131 oluyor. Bunu, front-end monolitlerini daha k\u00fc\u00e7\u00fck par\u00e7alara ay\u0131rarak yapmay\u0131 planl\u0131yor. B\u00f6ylece bu uygulamalar\u0131n y\u00f6netilmesi de \u00e7ok daha kolay bir hale geliyor. Bu k\u00fc\u00e7\u00fck uygulamalar, daha sonra bir araya geliyor ve kullan\u0131c\u0131ya bu \u015fekilde sunuluyor.&nbsp;<\/p>\n\n\n\n<p>Micro Front-End, ilk olarak 2016 y\u0131l\u0131nda <strong>ThoughtWorks Teknoloji Radar\u0131nda<\/strong> ortaya at\u0131ld\u0131. Micro front-end, bir mikro hizmet mimarisi temelinde \u00e7al\u0131\u015f\u0131yor. <strong>Micro front-end,<\/strong> bir web sitesinin ya da bir web uygulamas\u0131n\u0131n birbirinden tamamen ba\u011f\u0131ms\u0131z ekipler taraf\u0131ndan meydana getirilmesi amac\u0131n\u0131 ta\u015f\u0131yor. Her ekip, farkl\u0131 bir i\u015f alan\u0131nda uzmanla\u015fm\u0131\u015f olabilir. Bu ekipler tamamen birbirinden ba\u011f\u0131ms\u0131z bir \u015fekilde \u00e7al\u0131\u015farak ortaya iyi bir i\u015f \u00e7\u0131karabilir. Micro front-end de tam olarak bunu ama\u00e7 edinir.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"301\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-mimarisi.jpeg\" alt=\"\" class=\"wp-image-8505\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-mimarisi.jpeg 659w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-mimarisi-300x137.jpeg 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"micro-front-end-in-avantajlari\"><span id=\"micro-front-endin-avantajlari\">Micro Front- End\u2019in Avantajlar\u0131<\/span><\/h2>\n\n\n\n<p>Micro Front-End\u2019in ne oldu\u011funu \u00f6\u011frendik. \u015eimdi gelin bu yeni mimarinin avantajlar\u0131n\u0131 inceleyelim.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Micro front- end<\/strong> ile sa\u011fl\u0131kl\u0131 bir \u015fekilde i\u015f b\u00f6l\u00fcm\u00fc yap\u0131lmas\u0131 m\u00fcmk\u00fcn hale gelir. Uygulama i\u00e7in gerekli ad\u0131mlar, ekiplere kolayl\u0131kla b\u00f6l\u00fc\u015ft\u00fcr\u00fcl\u00fcr ve \u00e7al\u0131\u015fan herkes bir sorumluluk \u00fcstlenebilir. Bu da \u00f6zellikle b\u00fcy\u00fck ekiplerle \u00e7al\u0131\u015fan \u015firketler i\u00e7in b\u00fcy\u00fck bir avantaj haline gelir.&nbsp;<\/li><li>Bu mimari sayesinde, <strong>ekipler birbirinden ba\u011f\u0131ms\u0131z \u00e7al\u0131\u015farak<\/strong> \u00e7ok daha h\u0131zl\u0131 bir \u015fekilde uygulamay\u0131 ya da web sitesini geli\u015ftirebilir. Bu da zamandan tasarruf etme anlam\u0131na gelir.<\/li><li><strong>Micro front-end<\/strong> ile hangi alanda sorun oldu\u011funu ya da hangi alan i\u00e7in uzman gerekti\u011fini daha net bir bi\u00e7imde anlayabilirsiniz. Sadece eksik oldu\u011funuz alan i\u00e7in bir uzmana dan\u0131\u015fman\u0131z yeterli olacakt\u0131r. \u0130\u015fin uzman\u0131n\u0131n di\u011fer teknolojiler hakk\u0131nda da bilgisi olmas\u0131na gerek kalmaz. \u00d6rnek verecek olursak; kod yaz\u0131l\u0131m\u0131 i\u00e7in bir uzmana dan\u0131\u015facaksan\u0131z bu ki\u015finin yaln\u0131zca kod yaz\u0131l\u0131m\u0131 konusunda bilgili olmas\u0131 yeterli olacakt\u0131r. \u00c7\u00fcnk\u00fc di\u011fer alanlarda di\u011fer ekipler i\u015fleri hallediyor olacakt\u0131r.&nbsp;<\/li><li>Bu mimarinin en b\u00fcy\u00fck avantajlar\u0131ndan biri de kolayca test edilebilir olmas\u0131d\u0131r. Bu sayede eksikleri, hatalar\u0131 kolay bir \u015fekilde test ederek g\u00f6rebilir, m\u00fcdahale edebilirsiniz.<\/li><li>Codebase olarak adland\u0131r\u0131lan kod taban\u0131, daha k\u00fc\u00e7\u00fck ve y\u00f6netilebilir durumdad\u0131r.<\/li><li><strong>Micro front-end ile front-end\u2019in<\/strong> b\u00f6l\u00fcmlerini \u00e7ok daha basit bir \u015fekilde y\u00fckseltebilir, g\u00fcncelleyebilirsiniz. E\u011fer bu yeterli olmazsa yeniden yazma \u015fans\u0131na da sahipsiniz.<\/li><li>Deploy yani yaz\u0131l\u0131m\u0131 da\u011f\u0131tmak ba\u011f\u0131ms\u0131zd\u0131r.<\/li><li>Micro front-end, uygulaman\u0131z ya da web siteniz i\u00e7in birden fazla framework kullanman\u0131za olanak sa\u011flar.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"445\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg\" alt=\"\" class=\"wp-image-8506\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg 747w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir-380x226.jpeg 380w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir-550x328.jpeg 550w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir-300x179.jpeg 300w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"micro-front-end-temel-kavramlari\">Micro Front-End Temel Kavramlar\u0131<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Bu mimarinin en temel kavram\u0131 ba\u011f\u0131ms\u0131z olmakt\u0131r. Yani, her tak\u0131m di\u011fer tak\u0131mdan ba\u011f\u0131ms\u0131z \u00e7al\u0131\u015fabilmeli ve geli\u015ftirmelidir. Ba\u011f\u0131ms\u0131z olma sayesinde uygulaman\u0131n \u00f6zel ayr\u0131nt\u0131lar\u0131 da gizlenebilir.&nbsp;<\/li><li>Alanlar\u0131 birbirinden ay\u0131rmak da en \u00f6nemli kavramlar aras\u0131nda yer al\u0131r. Bunu ger\u00e7ekle\u015ftirmek temel bir ad\u0131m olarak g\u00f6r\u00fcl\u00fcr. Bu alanlara bir isim vermek de olduk\u00e7a \u00f6nemlidir. \u00d6rne\u011fin; <strong>CSS, yerel depolama, tan\u0131mlama bilgileri<\/strong> gibi.<\/li><li>Bu mimariyi kullan\u0131rken \u00f6zel API yerine yerel taray\u0131c\u0131 \u00f6zelliklerini tercih etmeniz de \u00e7ok \u00f6nemlidir. Global bir sistem kurmak ihtiya\u00e7 de\u011filse bu sistemi kurmay\u0131n. E\u011fer ekipler aras\u0131 bir API kurman\u0131z gerekiyorsa bunu en basit yollarla kurmaya \u00e7al\u0131\u015f\u0131n.<\/li><li>T\u00fcm ekipler ayn\u0131 <strong>framework&#8217;te <\/strong>ise bile birbirlerinin \u00e7al\u0131\u015fma saatlerini payla\u015fmay\u0131n ve payla\u015fmalar\u0131na izin vermeyin. Tak\u0131mlar\u0131n birbirinden olduk\u00e7a izole olmas\u0131na \u00f6zen g\u00f6sterin.&nbsp;<\/li><li>Micro front- end i\u00e7in en \u00f6nemli kavramlardan bir di\u011feri ise esnek bir web tasar\u0131m\u0131d\u0131r. Kullan\u0131\u015fl\u0131 ve esnek bir web sitesi ya da uygulamas\u0131 \u00e7ok b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"fragment-nedir-nasil-calisir\">Fragment Nedir? Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h3>\n\n\n\n<p>Micro Front- End mimarisinde geli\u015ftirilen ve ortaya \u00e7\u0131kan her uygulama fragment olarak adland\u0131r\u0131l\u0131r. <strong>Fragment, Node.js<\/strong> ile geli\u015ftirilmi\u015f ve basit <strong>HTTP<\/strong> servisi olarak da adland\u0131r\u0131labilir. Fragment, genel olarak \u00e7a\u011f\u0131r\u0131lan kodlar <strong>(JS,CSS)<\/strong> olarak geri d\u00f6nerek \u00e7al\u0131\u015f\u0131yor ve bir fragment i\u00e7erisinde ba\u015fka bir fragment bar\u0131nam\u0131yor.&nbsp;<\/p>\n\n\n\n<p>Bu<strong> fragment\u2019lar<\/strong>, layout service isimli bir uygulamada kullan\u0131l\u0131yor. Layout service isimli katmanda fragment servisleri bir araya geliyor. Fragment \u00e7a\u011fr\u0131ld\u0131\u011f\u0131 zaman, html, js,css \u00e7\u0131kt\u0131s\u0131 d\u00f6nerken, Layout bu fragmentlar\u0131 birle\u015ftiriyor. Layout service se\u00e7imi ise tamamen size kal\u0131yor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"492\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end.jpeg\" alt=\"\" class=\"wp-image-8507\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end.jpeg 599w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/micro-front-end-300x246.jpeg 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"isletmeler-micro-front-end-donusumu-neden-yapmalidir\">\u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r?<\/h2>\n\n\n\n<p>G\u00fcn\u00fcm\u00fcz \u00e7a\u011f\u0131nda, web uygulamalar\u0131nda front-end b\u00fcy\u00fck bir \u00f6nem kazan\u0131yor. Back-end ise daha arka planda kal\u0131yor ve \u00e7ok daha az \u00f6nemli hale geliyor. <strong>Monolith yakla\u015f\u0131m\u0131,<\/strong> b\u00fcy\u00fck web siteleri i\u00e7in uygun olmuyor. Durum b\u00f6yle olunca i\u015fi, ba\u011f\u0131ms\u0131z olarak \u00e7al\u0131\u015fan k\u00fc\u00e7\u00fck mod\u00fcllere b\u00f6lmek i\u00e7in bir araca ihtiya\u00e7 oluyor. Bu ara\u00e7 micro front-end mimarisi oluyor.&nbsp;<\/p>\n\n\n\n<p>Micro front-end, \u00f6zellikle b\u00fcy\u00fck \u015firketler ya da i\u015fletmeler i\u00e7in b\u00fcy\u00fck \u00f6nem ta\u015f\u0131yor. Bu \u015firketlerde ya da i\u015fletmelerde birden fazla istek b\u00f6l\u00fcm\u00fc, alan bulunuyor. Bu alanlar\u0131n zamandan kazanmas\u0131 i\u00e7in micro front-end mimarisi de b\u00fcy\u00fck \u00f6nem ta\u015f\u0131yor. Sorunlar\u0131n kolay bir \u015fekilde tespit edilmesi ve \u00e7\u00f6z\u00fcme kavu\u015fmas\u0131 da bu teknolojiyi \u00f6nemli k\u0131l\u0131yor.&nbsp;<\/p>\n\n\n\n<p>Front-end \u00fczerinde \u00e7al\u0131\u015fan ekiplerin verimlili\u011fi artt\u0131ran bu mimari, bu y\u00f6n\u00fcyle de tercih ediliyor. Birden fazla k\u00fc\u00e7\u00fck uygulaman\u0131n bulunmas\u0131, ihtimal dahilinde olan refactoring ve s\u0131f\u0131rdan yazma s\u00fcre\u00e7lerini kolay bir hale getiriyor.<strong> Otonom bir \u015fekilde<\/strong> \u00e7al\u0131\u015fan tak\u0131mlara da esneklik sa\u011fl\u0131yor.&nbsp;<\/p>\n\n\n\n<p>\u00d6zellikle geli\u015ftiriciler, legacy projelerden uzak durmay\u0131 tercih ediyor. <strong>Legacy kodlar<\/strong>, maliyeti y\u00fcksek ve zorlu i\u015flerdir. Fakat micro front-end ile bu <strong>legacy<\/strong> sorunu da \u00e7\u00f6z\u00fcl\u00fcyor. Legacy, fragment olarak geli\u015ftirilip d\u0131\u015far\u0131 sunulabiliyor. Bu da i\u015fletmeler i\u00e7in b\u00fcy\u00fck bir kolayl\u0131k sa\u011fl\u0131yor.&nbsp;Bug\u00fcn<strong> Spotify, Ikea, OpenTable, Hepsiburada.com<\/strong> gibi d\u00fcnyaca \u00fcnl\u00fc i\u015fletmeler micro front-end mimarisini kullan\u0131yor ve yak\u0131nda t\u00fcm i\u015fletmelerin bu mimariye ge\u00e7mesi d\u00fc\u015f\u00fcn\u00fcl\u00fcyor.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.hosting.com.tr\/blog\/front-end-developer\/\">Front-End Developer Nedir? Nas\u0131l Olunur? Front-End Yaz\u0131l\u0131mc\u0131s\u0131 Olmak \u0130\u00e7in Bilmeniz Gerekenler, Ne Kadar S\u00fcrede Front-End Developer Olunur?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Bizler, internet d\u00fcnyas\u0131nda web uygulamalar\u0131nda gezerken bir hayli zaman ge\u00e7iriyoruz. Fakat bir\u00e7o\u011fumuz bu uygulamalar\u0131n ya da web sitelerinin&hellip;\n","protected":false},"author":27,"featured_media":8506,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_appearance_grid":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"categories":[22,346],"tags":[],"class_list":{"0":"post-8503","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-teknoloji","8":"category-yazilim-programlama","9":"cs-entry","10":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r? - Hosting.com.tr<\/title>\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.hosting.com.tr\/blog\/micro-front-end\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r? - Hosting.com.tr\" \/>\n<meta property=\"og:description\" content=\"Bizler, internet d\u00fcnyas\u0131nda web uygulamalar\u0131nda gezerken bir hayli zaman ge\u00e7iriyoruz. Fakat bir\u00e7o\u011fumuz bu uygulamalar\u0131n ya da web sitelerinin&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hosting.com.tr\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-06T12:34:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-18T13:04:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"747\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"\u015eevval G.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:site\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u015eevval G.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r? - Hosting.com.tr","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.hosting.com.tr\/blog\/micro-front-end\/","og_locale":"tr_TR","og_type":"article","og_title":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r? - Hosting.com.tr","og_description":"Bizler, internet d\u00fcnyas\u0131nda web uygulamalar\u0131nda gezerken bir hayli zaman ge\u00e7iriyoruz. Fakat bir\u00e7o\u011fumuz bu uygulamalar\u0131n ya da web sitelerinin&hellip;","og_url":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/hosting.com.tr","article_published_time":"2022-05-06T12:34:32+00:00","article_modified_time":"2024-01-18T13:04:26+00:00","og_image":[{"width":747,"height":445,"url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg","type":"image\/jpeg"}],"author":"\u015eevval G.","twitter_card":"summary_large_image","twitter_creator":"@hostingcomtr","twitter_site":"@hostingcomtr","twitter_misc":{"Yazan:":"\u015eevval G.","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#article","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/"},"author":{"name":"\u015eevval G.","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/77a4b9af038abf0527ffe9760f3a7422"},"headline":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r?","datePublished":"2022-05-06T12:34:32+00:00","dateModified":"2024-01-18T13:04:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/"},"wordCount":1340,"commentCount":0,"publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg","articleSection":["Teknoloji","Yaz\u0131l\u0131m &amp; Programlama"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/","url":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/","name":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r? - Hosting.com.tr","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#primaryimage"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg","datePublished":"2022-05-06T12:34:32+00:00","dateModified":"2024-01-18T13:04:26+00:00","breadcrumb":{"@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#primaryimage","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2022\/05\/isletmeler-neden-micro-front-ende-donmelidir.jpeg","width":747,"height":445,"caption":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hosting.com.tr\/blog\/micro-front-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.hosting.com.tr\/blog\/"},{"@type":"ListItem","position":2,"name":"Yaz\u0131l\u0131m &amp; Programlama","item":"https:\/\/www.hosting.com.tr\/blog\/yazilim-programlama\/"},{"@type":"ListItem","position":3,"name":"Micro Front-End Nedir? \u0130\u015fletmeler Micro Front-End D\u00f6n\u00fc\u015f\u00fcm\u00fc Neden Yapmal\u0131d\u0131r?"}]},{"@type":"WebSite","@id":"https:\/\/www.hosting.com.tr\/blog\/#website","url":"https:\/\/www.hosting.com.tr\/blog\/","name":"Hosting.com.tr","description":"Domain, Hosting, Startup\/Kobi, Dijital Pazarlama, Teknoloji, Wordpress ve Nas\u0131l Yap\u0131l\u0131r? kategorilerinde en g\u00fcncel yaz\u0131lar.","publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hosting.com.tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.hosting.com.tr\/blog\/#organization","name":"Webhosting A.\u015e","url":"https:\/\/www.hosting.com.tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","width":500,"height":157,"caption":"Webhosting A.\u015e"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hosting.com.tr","https:\/\/x.com\/hostingcomtr","https:\/\/instagram.com\/hostingcomtr","https:\/\/www.linkedin.com\/company\/hosting-com-tr\/","https:\/\/www.youtube.com\/channel\/UCFNJq7pU_T2SEjv7UgLDtRw"]},{"@type":"Person","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/77a4b9af038abf0527ffe9760f3a7422","name":"\u015eevval G.","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&r=g","caption":"\u015eevval G."},"url":"https:\/\/www.hosting.com.tr\/blog\/author\/sevval\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/8503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=8503"}],"version-history":[{"count":0,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/8503\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media\/8506"}],"wp:attachment":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=8503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=8503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=8503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}