{"id":1057,"date":"2024-12-13T23:52:44","date_gmt":"2024-12-13T20:52:44","guid":{"rendered":"https:\/\/fuatozer.com\/blog\/?p=1057"},"modified":"2024-12-13T23:52:44","modified_gmt":"2024-12-13T20:52:44","slug":"angular-standalone","status":"publish","type":"post","link":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/","title":{"rendered":"Angular Standalone Yap\u0131s\u0131 Nedir?"},"content":{"rendered":"\n<p>Angular&#8217;\u0131n <strong>standalone component<\/strong> yap\u0131s\u0131, Angular 14 ile tan\u0131t\u0131lm\u0131\u015ft\u0131r. Bu \u00f6zellik, Angular uygulamalar\u0131nda mod\u00fcl tabanl\u0131 yap\u0131y\u0131 basitle\u015ftirmek ve daha az karma\u015f\u0131k projeler i\u00e7in daha h\u0131zl\u0131 ve kolay bir yap\u0131land\u0131rma sunmak amac\u0131yla geli\u015ftirilmi\u015ftir.<\/p>\n\n\n\n<p>Normalde Angular&#8217;da bir bile\u015fen (component), servis (service), veya y\u00f6nlendirme (routing) gibi yap\u0131lar\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in bir mod\u00fcl (<code>NgModule<\/code>) gereklidir. <strong>Standalone component<\/strong> ile, bir bile\u015fen ba\u011f\u0131ms\u0131z olarak \u00e7al\u0131\u015fabilir ve bir mod\u00fcle ihtiya\u00e7 duymadan do\u011frudan uygulamada kullan\u0131labilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Neden Standalone Yap\u0131s\u0131 Geli\u015ftirildi?<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Karma\u015f\u0131kl\u0131\u011f\u0131n Azalt\u0131lmas\u0131:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Geleneksel Angular projelerinde her bile\u015fen bir mod\u00fcle eklenmek zorundayd\u0131. \u00d6zellikle k\u00fc\u00e7\u00fck projelerde bu ekstra karma\u015f\u0131kl\u0131k olu\u015fturabiliyordu.<\/li>\n\n\n\n<li>Mod\u00fcl tabanl\u0131 yap\u0131lar, Angular ekosistemine yeni ba\u015flayanlar i\u00e7in \u00f6\u011frenme e\u011frisini art\u0131r\u0131yordu.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Performans Art\u0131\u015f\u0131:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Standalone component&#8217;ler daha minimal yap\u0131land\u0131rma gerektirdi\u011fi i\u00e7in uygulama ba\u015flatma s\u00fcresi ve derleme performans\u0131 iyile\u015ftirilebilir.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Daha Esnek Geli\u015ftirme:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Mod\u00fcl ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 olmadan bile\u015fenlerin ba\u011f\u0131ms\u0131z olarak geli\u015ftirilmesi ve tekrar kullan\u0131labilirli\u011fi artar.<\/li>\n\n\n\n<li>Mikro-frontend mimarileri gibi daha modern yakla\u015f\u0131mlarla uyum sa\u011flar.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Gelece\u011fe Yat\u0131r\u0131m:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Angular ekibi, standalone bile\u015fenleri kullanarak Angular&#8217;\u0131 daha modern JavaScript \u00e7er\u00e7eveleriyle uyumlu hale getirmeyi hedeflemi\u015ftir (React gibi mod\u00fcls\u00fcz yap\u0131lara daha yak\u0131n).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p><strong>Standalone Component Nas\u0131l Kullan\u0131l\u0131r?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">ng generate component my-component --standalone<\/pre><\/div>\n\n\n\n<p>Yukar\u0131daki komut, standalone \u00f6zelli\u011fi a\u00e7\u0131k bir bile\u015fen olu\u015fturur.<\/p>\n\n\n\n<p>Bir standalone bile\u015fenin tan\u0131m\u0131 ise \u015fu \u015fekildedir.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">import { Component } from '@angular\/core';\nimport { CommonModule } from '@angular\/common';\n\n@Component({\n  selector: 'app-my-component',\n  templateUrl: '.\/my-component.component.html',\n  styleUrls: ['.\/my-component.component.css'],\n  standalone: true,\n  imports: [CommonModule], \/\/ Gerekli mod\u00fcller buraya eklenir\n})\nexport class MyComponent {}<\/pre><\/div>\n\n\n\n<p>Standalone bir bile\u015fen, <code>main.ts<\/code> dosyas\u0131nda do\u011frudan bootstrap edilebilir.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">import { bootstrapApplication } from '@angular\/platform-browser';\nimport { AppComponent } from '.\/app\/app.component';\n\nbootstrapApplication(AppComponent);<\/pre><\/div>\n\n\n\n<p>Ba\u015fka bir standalone bile\u015fen i\u00e7erisine import edilebilir:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">import { Component } from '@angular\/core';\nimport { MyComponent } from '.\/my-component.component';\n\n@Component({\n  selector: 'app-another-component',\n  template: '&lt;app-my-component&gt;&lt;\/app-my-component&gt;',\n  standalone: true,\n  imports: [MyComponent],\n})\nexport class AnotherComponent {}\n<\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Avantajlar\u0131:<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Mod\u00fcl ba\u011f\u0131ml\u0131l\u0131\u011f\u0131n\u0131 ortadan kald\u0131r\u0131r.<\/li>\n\n\n\n<li>Basit uygulamalar i\u00e7in daha h\u0131zl\u0131 geli\u015ftirme s\u00fcreci sunar.<\/li>\n\n\n\n<li>Daha modern ve mod\u00fcler bir geli\u015ftirme yakla\u015f\u0131m\u0131na olanak tan\u0131r.<\/li>\n\n\n\n<li>Test yazma ve yeniden kullan\u0131labilirlik kolayla\u015f\u0131r.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dezavantajlar\u0131:<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>B\u00fcy\u00fck ve kompleks uygulamalarda, mod\u00fcllerin sa\u011flad\u0131\u011f\u0131 organizasyon avantajlar\u0131n\u0131 kaybedebilir.<\/li>\n\n\n\n<li>Projelerin kar\u0131\u015f\u0131k bir \u015fekilde standalone ve mod\u00fcl tabanl\u0131 yap\u0131larda harmanlanmas\u0131 kafa kar\u0131\u015ft\u0131rabilir.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Hangi Durumlarda Kullan\u0131lmal\u0131?<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>K\u00fc\u00e7\u00fck ve orta \u00f6l\u00e7ekli projelerde.<\/li>\n\n\n\n<li>Mikro-frontend veya mod\u00fcler yap\u0131lar gerektiren durumlarda.<\/li>\n\n\n\n<li>Tek sayfa uygulamalar\u0131nda (SPA).<\/li>\n<\/ul>\n\n\n\n<p>Standalone yap\u0131s\u0131, Angular&#8217;\u0131 daha esnek ve modern bir se\u00e7enek haline getirmi\u015ftir. Ancak, projenin b\u00fcy\u00fckl\u00fc\u011f\u00fcne ve karma\u015f\u0131kl\u0131\u011f\u0131na g\u00f6re mod\u00fcl tabanl\u0131 yap\u0131 ile standalone yap\u0131 aras\u0131nda se\u00e7im yap\u0131lmas\u0131 gereklidir.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Kaynak\u00e7a<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.angular-university.io\/angular-standalone-components\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/blog.angular-university.io\/angular-standalone-components<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/v14.angular.io\/guide\/standalone-components?ref=johnpapa.net\">https:\/\/v14.angular.io\/guide\/standalone-components<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular&#8217;\u0131n standalone component yap\u0131s\u0131, Angular 14 ile tan\u0131t\u0131lm\u0131\u015ft\u0131r. Bu \u00f6zellik, Angular uygulamalar\u0131nda mod\u00fcl tabanl\u0131 yap\u0131y\u0131 basitle\u015ftirmek ve daha az karma\u015f\u0131k projeler i\u00e7in daha h\u0131zl\u0131 ve kolay bir yap\u0131land\u0131rma sunmak amac\u0131yla geli\u015ftirilmi\u015ftir. Normalde Angular&#8217;da bir bile\u015fen (component), servis (service), veya y\u00f6nlendirme (routing) gibi yap\u0131lar\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in bir mod\u00fcl (NgModule) gereklidir. Standalone component ile, bir bile\u015fen ba\u011f\u0131ms\u0131z<\/p>\n","protected":false},"author":1,"featured_media":993,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-1057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular Standalone Yap\u0131s\u0131 Nedir? - Blog<\/title>\n<meta name=\"description\" content=\"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\" \/>\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.fuatozer.com\/blog\/angular-standalone\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular Standalone Yap\u0131s\u0131 Nedir? - Blog\" \/>\n<meta property=\"og:description\" content=\"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-13T20:52:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"336\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Faruk Fuat \u00d6zer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Faruk Fuat \u00d6zer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\"},\"author\":{\"name\":\"Faruk Fuat \u00d6zer\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"headline\":\"Angular Standalone Yap\u0131s\u0131 Nedir?\",\"datePublished\":\"2024-12-13T20:52:44+00:00\",\"dateModified\":\"2024-12-13T20:52:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\"},\"wordCount\":445,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"image\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"articleSection\":[\"Angular\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\",\"name\":\"Angular Standalone Yap\u0131s\u0131 Nedir? - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"datePublished\":\"2024-12-13T20:52:44+00:00\",\"dateModified\":\"2024-12-13T20:52:44+00:00\",\"description\":\"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"contentUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"width\":640,\"height\":336},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/www.fuatozer.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular Standalone Yap\u0131s\u0131 Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#website\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/\",\"name\":\"Blog\",\"description\":\"Yaz\u0131l\u0131mla alakal\u0131 her \u015fey\",\"publisher\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fuatozer.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\",\"name\":\"Faruk Fuat \u00d6zer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g\",\"caption\":\"Faruk Fuat \u00d6zer\"},\"logo\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/fuatozer.com\/blog\",\"https:\/\/www.linkedin.com\/in\/fuatozerr\/\"],\"url\":\"https:\/\/www.fuatozer.com\/blog\/author\/fuatozerr23\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular Standalone Yap\u0131s\u0131 Nedir? - Blog","description":"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","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.fuatozer.com\/blog\/angular-standalone\/","og_locale":"tr_TR","og_type":"article","og_title":"Angular Standalone Yap\u0131s\u0131 Nedir? - Blog","og_description":"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","og_url":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/","og_site_name":"Blog","article_published_time":"2024-12-13T20:52:44+00:00","og_image":[{"width":640,"height":336,"url":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","type":"image\/webp"}],"author":"Faruk Fuat \u00d6zer","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Faruk Fuat \u00d6zer","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#article","isPartOf":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/"},"author":{"name":"Faruk Fuat \u00d6zer","@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"headline":"Angular Standalone Yap\u0131s\u0131 Nedir?","datePublished":"2024-12-13T20:52:44+00:00","dateModified":"2024-12-13T20:52:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/"},"wordCount":445,"commentCount":0,"publisher":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"image":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","articleSection":["Angular"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/","url":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/","name":"Angular Standalone Yap\u0131s\u0131 Nedir? - Blog","isPartOf":{"@id":"https:\/\/www.fuatozer.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage"},"image":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","datePublished":"2024-12-13T20:52:44+00:00","dateModified":"2024-12-13T20:52:44+00:00","description":"Angular Standalone Yap\u0131s\u0131 Nedir? ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","breadcrumb":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fuatozer.com\/blog\/angular-standalone\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#primaryimage","url":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","contentUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","width":640,"height":336},{"@type":"BreadcrumbList","@id":"https:\/\/www.fuatozer.com\/blog\/angular-standalone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.fuatozer.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular Standalone Yap\u0131s\u0131 Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.fuatozer.com\/blog\/#website","url":"https:\/\/www.fuatozer.com\/blog\/","name":"Blog","description":"Yaz\u0131l\u0131mla alakal\u0131 her \u015fey","publisher":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fuatozer.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5","name":"Faruk Fuat \u00d6zer","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g","caption":"Faruk Fuat \u00d6zer"},"logo":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/fuatozer.com\/blog","https:\/\/www.linkedin.com\/in\/fuatozerr\/"],"url":"https:\/\/www.fuatozer.com\/blog\/author\/fuatozerr23\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/comments?post=1057"}],"version-history":[{"count":2,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1057\/revisions"}],"predecessor-version":[{"id":1059,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1057\/revisions\/1059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/media\/993"}],"wp:attachment":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/media?parent=1057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/categories?post=1057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/tags?post=1057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}