{"id":18594,"date":"2025-04-19T13:00:15","date_gmt":"2025-04-19T10:00:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/"},"modified":"2025-04-19T13:00:15","modified_gmt":"2025-04-19T10:00:15","slug":"angular-material-ile-mcp-sunucu-demosu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/","title":{"rendered":"Angular Material ile MCP Sunucu Demosu"},"content":{"rendered":"<p><body><\/p>\n<p>Angular Material ile MCP Sunucu Demosu<\/p>\n<p>Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz.  \u00d6ncelikle,  projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z.  Daha sonra,  kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz.  Bu demo, Angular Material&#8217;\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir.  Ayr\u0131ca,  benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.<\/p>\n<h2>Proje Yap\u0131s\u0131 ve Bile\u015fenler<\/h2>\n<p>Projemiz, Angular CLI ile olu\u015fturulmu\u015ftur.  Angular Material,  uygulaman\u0131n aray\u00fcz\u00fcn\u00fc olu\u015fturmak i\u00e7in kullan\u0131lm\u0131\u015ft\u0131r.  Bu sayede,  temiz ve modern bir kullan\u0131c\u0131 deneyimi sa\u011flanm\u0131\u015ft\u0131r.  A\u015fa\u011f\u0131da,  projede kullan\u0131lan temel bile\u015fenlerden baz\u0131lar\u0131 yer almaktad\u0131r:<\/p>\n<ul>\n<li><code>MatCardModule<\/code>:  Kartlar halinde sunulan i\u00e7erikler i\u00e7in kullan\u0131lm\u0131\u015ft\u0131r.<\/li>\n<li><code>MatTableModule<\/code>:  Sunucu verilerini tablo format\u0131nda g\u00f6stermek i\u00e7in kullan\u0131lm\u0131\u015ft\u0131r.<\/li>\n<li><code>MatButtonModule<\/code>:  Kullan\u0131c\u0131 etkile\u015fimleri i\u00e7in butonlar sa\u011flamaktad\u0131r.<\/li>\n<li><code>MatProgressSpinnerModule<\/code>:  Y\u00fcklenme s\u00fcre\u00e7lerinde g\u00f6sterge sa\u011flar.<\/li>\n<\/ul>\n<p>Bunlar\u0131n yan\u0131 s\u0131ra,  HTTP isteklerini y\u00f6netmek i\u00e7in <code>HttpClient<\/code> mod\u00fcl\u00fc kullan\u0131lm\u0131\u015ft\u0131r.  Sunucu verileri,  API \u00fczerinden al\u0131nmaktad\u0131r.  Bu API&#8217;nin detayl\u0131 yap\u0131s\u0131 bu makalenin kapsam\u0131 d\u0131\u015f\u0131nda olsa da,  basit bir JSON veri yap\u0131s\u0131 kullan\u0131ld\u0131\u011f\u0131n\u0131 belirtmek isterim.<\/p>\n<h2>Kod \u00d6rnekleri<\/h2>\n<p>\u015eimdi,  uygulaman\u0131n baz\u0131 \u00f6nemli k\u0131s\u0131mlar\u0131na ait kod \u00f6rneklerini inceleyelim.  \u00d6rne\u011fin,  sunucu bilgilerini g\u00f6steren tablo bile\u015feni \u015fu \u015fekilde olu\u015fturulmu\u015ftur:<\/p>\n<pre><code class=\"language-typescript\">\n  &#x3C;table mat-table [dataSource]=\"dataSource\">\n    &#x3C;ng-container matColumnDef=\"name\">\n      &#x3C;th mat-header-cell *matHeaderCellDef> Sunucu Ad\u0131 &#x3C;\/th>\n      &#x3C;td mat-cell *matCellDef=\"let element\"> {{element.name}} &#x3C;\/td>\n    &#x3C;\/ng-container>\n    &#x3C;tr mat-header-row *matHeaderRowDef=\"displayedColumns\">&#x3C;\/tr>\n    &#x3C;tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">&#x3C;\/tr>\n  &#x3C;\/table>\n<\/code><\/pre>\n<p>Bu kod blo\u011fu,  Angular Material&#8217;\u0131n <code>MatTableModule<\/code> bile\u015fenini kullanarak sunucu adlar\u0131n\u0131 listeleyen bir tablo olu\u015fturmaktad\u0131r.  <code>dataSource<\/code> de\u011fi\u015fkeni,  sunucu bilgilerini i\u00e7eren veri kayna\u011f\u0131n\u0131 temsil etmektedir.  Daha detayl\u0131 bilgi i\u00e7in,  projenin GitHub deposuna bakabilirsiniz. (Buraya GitHub linki eklenebilir).  Elbette,  bu \u00f6rnek sadece k\u00fc\u00e7\u00fck bir par\u00e7ad\u0131r ve uygulama \u00e7ok daha karma\u015f\u0131k i\u015flemler i\u00e7ermektedir.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu makalede,  Angular Material ile olu\u015fturulmu\u015f bir MCP sunucu demosunu inceledik.  Angular Material&#8217;\u0131n sundu\u011fu bile\u015fenler sayesinde,  kullan\u0131c\u0131 dostu ve modern bir aray\u00fcz olu\u015fturmak olduk\u00e7a kolayd\u0131r.  Umar\u0131m bu makale,  benzer projeler geli\u015ftirmek isteyenlere ilham vermi\u015ftir.  Daha fazla bilgi ve kaynak i\u00e7in,  <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ayr\u0131ca,  bu konudaki di\u011fer kaynaklar i\u00e7in  <a href=\"https:\/\/angular.io\/guide\/material\">Angular Material Resmi Dok\u00fcmanlar\u0131<\/a> sayfas\u0131na da bakabilirsiniz.<\/p>\n<p>#Etiketler<br \/>\nAngular Material, MCP, Sunucu, Demo, Angular, Materyal Tasar\u0131m, Kod \u00d6rne\u011fi, Fatih Soysal, Minecraft,  Control Panel,  API,  HttpClient,  MatCardModule, MatTableModule, MatButtonModule, MatProgressSpinnerModule<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Angular Material ile MCP Sunucu Demosu Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-18594","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular Material ile MCP Sunucu Demosu<\/title>\n<meta name=\"description\" content=\"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material&#039;\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular Material ile MCP Sunucu Demosu\" \/>\n<meta property=\"og:description\" content=\"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material&#039;\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-19T10:00:15+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Angular Material ile MCP Sunucu Demosu\",\"datePublished\":\"2025-04-19T10:00:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\"},\"wordCount\":441,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\",\"name\":\"Angular Material ile MCP Sunucu Demosu\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-19T10:00:15+00:00\",\"description\":\"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material'\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular Material ile MCP Sunucu Demosu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Angular Material ile MCP Sunucu Demosu","description":"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material'\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.","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:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/","og_locale":"tr_TR","og_type":"article","og_title":"Angular Material ile MCP Sunucu Demosu","og_description":"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material'\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.","og_url":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-19T10:00:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Angular Material ile MCP Sunucu Demosu","datePublished":"2025-04-19T10:00:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/"},"wordCount":441,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/","url":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/","name":"Angular Material ile MCP Sunucu Demosu","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-19T10:00:15+00:00","description":"Bu makalede, Angular Material kullanarak olu\u015fturulmu\u015f bir MCP (Minecraft Control Panel) sunucu demosunu ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 ve kullan\u0131lan bile\u015fenleri ele alaca\u011f\u0131z. Daha sonra, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, uygulaman\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu demo, Angular Material'\u0131n g\u00fcc\u00fcn\u00fc ve kolay kullan\u0131labilirli\u011fini g\u00f6stermek i\u00e7in ideal bir \u00f6rnektir. Ayr\u0131ca, benzer projeler geli\u015ftirmek isteyenler i\u00e7in faydal\u0131 bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/angular-material-ile-mcp-sunucu-demosu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular Material ile MCP Sunucu Demosu"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=18594"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18594\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=18594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=18594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=18594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}