{"id":18877,"date":"2025-04-22T11:30:15","date_gmt":"2025-04-22T08:30:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/"},"modified":"2025-04-22T11:30:15","modified_gmt":"2025-04-22T08:30:15","slug":"react-ile-canva-benzeri-bir-ui-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/","title":{"rendered":"React ile Canva Benzeri Bir UI Olu\u015fturma"},"content":{"rendered":"<p><body><\/p>\n<p>React ile Canva Benzeri Bir UI Olu\u015fturma<\/p>\n<p>Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva&#8217;ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim.  Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz.  \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.<\/p>\n<h2>Proje Yap\u0131s\u0131n\u0131n Kurulmas\u0131<\/h2>\n<p>\u0130lk ad\u0131m olarak, bir React projesi olu\u015fturman\u0131z gerekiyor.  Bunun i\u00e7in Create React App kullanabilirsiniz.  Ard\u0131ndan, projenizin temel bile\u015fenlerini (\u00f6rne\u011fin, \u00e7al\u0131\u015fma alan\u0131, ara\u00e7 \u00e7ubu\u011fu, katman paneli) tasarlayabilirsiniz.  Bu a\u015famada,  React&#8217;in bile\u015fen tabanl\u0131 yap\u0131s\u0131ndan faydalanarak, aray\u00fcz\u00fcn\u00fcz\u00fc daha d\u00fczenli ve y\u00f6netilebilir hale getirebilirsiniz.  Unutmay\u0131n, her bile\u015fen belirli bir g\u00f6revi yerine getirmelidir.<\/p>\n<pre><code>\nnpx create-react-app canva-benzeri-ui\ncd canva-benzeri-ui\n<\/code><\/pre>\n<h2>\u00c7al\u0131\u015fma Alan\u0131 Bile\u015feni<\/h2>\n<p>Canva&#8217;n\u0131n en \u00f6nemli par\u00e7as\u0131 olan \u00e7al\u0131\u015fma alan\u0131,  bir  <code>&lt;canvas&gt;<\/code> eleman\u0131 kullan\u0131larak olu\u015fturulabilir.  Bu alan, kullan\u0131c\u0131lar\u0131n tasar\u0131m \u00f6\u011felerini s\u00fcr\u00fckle b\u0131rak y\u00f6ntemiyle eklemelerini sa\u011flar.  Bu nedenle,  <code>&lt;canvas&gt;<\/code> elementinin olaylar\u0131n\u0131 (\u00f6rne\u011fin, fare t\u0131klamalar\u0131, s\u00fcr\u00fckleme olaylar\u0131) dinleyerek, kullan\u0131c\u0131 etkile\u015fimini yakalayabilirsiniz.  Ayr\u0131ca,  HTML5 Canvas API&#8217;sini kullanarak \u00e7izim ve \u015fekil olu\u015fturma i\u015flemlerini ger\u00e7ekle\u015ftirebilirsiniz.<\/p>\n<h2>Ara\u00e7 \u00c7ubu\u011fu Bile\u015feni<\/h2>\n<p>Ara\u00e7 \u00e7ubu\u011fu bile\u015feni,  kullan\u0131c\u0131lara \u00e7e\u015fitli tasar\u0131m ara\u00e7lar\u0131 (\u00f6rne\u011fin, \u015fekil ekleme, yaz\u0131 ekleme, renk se\u00e7imi) sunar.  Bu bile\u015fen, butonlar, a\u00e7\u0131l\u0131r men\u00fcler ve renk se\u00e7iciler gibi \u00e7e\u015fitli UI elemanlar\u0131n\u0131 i\u00e7erebilir.  Buraya ekleyece\u011finiz her buton, \u00e7al\u0131\u015fma alan\u0131nda belirli bir i\u015flemi tetiklemelidir.<\/p>\n<pre><code>\n\/\/ \u00d6rnek Ara\u00e7 \u00c7ubu\u011fu Bile\u015feni\nfunction AracCubugu() {\n  return (\n    &lt;div&gt;\n      &lt;button&gt;\u015eekil Ekle&lt;\/button&gt;\n      &lt;button&gt;Yaz\u0131 Ekle&lt;\/button&gt;\n      {\/* Di\u011fer ara\u00e7lar... *\/}\n    &lt;\/div&gt;\n  );\n}\n<\/code><\/pre>\n<h2>Katman Paneli Bile\u015feni<\/h2>\n<p>Katman paneli,  kullan\u0131c\u0131n\u0131n \u00e7al\u0131\u015fma alan\u0131ndaki \u00f6\u011feleri d\u00fczenlemesini sa\u011flar.  Bu panelde, her bir \u00f6\u011fenin g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc, s\u0131ras\u0131 ve di\u011fer \u00f6zellikleri kontrol edilebilir.  Bu \u00f6zellik,  \u00f6\u011felerin \u00fcst \u00fcste gelme durumlar\u0131nda d\u00fczenleme yapmay\u0131 kolayla\u015ft\u0131r\u0131r.  React&#8217;te, katmanlar\u0131 bir dizi olarak temsil edebilir ve her bir katman i\u00e7in ayr\u0131nt\u0131lar\u0131 tutabilirsiniz.  <\/p>\n<h2>S\u00fcr\u00fckle ve B\u0131rak \u0130\u015flevselli\u011fi<\/h2>\n<p>Canva&#8217;n\u0131n en \u00f6nemli \u00f6zelliklerinden biri olan s\u00fcr\u00fckle ve b\u0131rak i\u015flevselli\u011fini eklemek i\u00e7in,  React&#8217;in olay dinleme mekanizmalar\u0131n\u0131 kullanmal\u0131s\u0131n\u0131z.  Bu sayede,  kullan\u0131c\u0131 bir \u00f6\u011feyi s\u00fcr\u00fcklemeye ba\u015flad\u0131\u011f\u0131nda,  \u00f6\u011fenin konumunu ger\u00e7ek zamanl\u0131 olarak g\u00fcncelleyebilirsiniz.  B\u0131rakma i\u015flemi ger\u00e7ekle\u015fti\u011finde ise,  \u00f6\u011fenin yeni konumunu kaydetmeniz gerekmektedir.<\/p>\n<h2>Detayl\u0131 Kod \u00d6rnekleri ve Kaynaklar<\/h2>\n<p>Bu makalede,  React ile Canva benzeri bir UI geli\u015ftirmenin temel ad\u0131mlar\u0131n\u0131 ele ald\u0131k.  Daha detayl\u0131 kod \u00f6rnekleri ve ileri d\u00fczey \u00f6zellikler i\u00e7in,  <a href=\"https:\/\/dev.to\/paul_freeman\/heres-how-to-build-a-canva-like-ui-using-reactjs-20bo\">bu \u0130ngilizce makaleye<\/a> ve  <a href=\"https:\/\/fatihsoysal.com\">kendi web sitemdeki di\u011fer makalelere<\/a> g\u00f6z atabilirsiniz.  Unutmay\u0131n ki,  bu sadece bir ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Kendi yarat\u0131c\u0131l\u0131\u011f\u0131n\u0131z\u0131 kullanarak,  bu temel \u00fczerine daha bir\u00e7ok \u00f6zellik ekleyebilirsiniz.<\/p>\n<p>Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Sorular\u0131n\u0131z veya \u00f6nerileriniz varsa,  l\u00fctfen yorum b\u00f6l\u00fcm\u00fcnde payla\u015fmaktan \u00e7ekinmeyin. Ba\u015far\u0131lar!<\/p>\n<p>#Etiketler: React, Canva, UI, Kullan\u0131c\u0131 Aray\u00fcz\u00fc, Geli\u015ftirme, ReactJS, JavaScript, Kod \u00d6rne\u011fi, Tutorial, \u00d6\u011fretici, Canvas, S\u00fcr\u00fckleB\u0131rak, Bile\u015fen, Katman Paneli, Ara\u00e7 \u00c7ubu\u011fu<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React ile Canva Benzeri Bir UI Olu\u015fturma Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva&#8217;ya&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-18877","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>React ile Canva Benzeri Bir UI Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva&#039;ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.\" \/>\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\/react-ile-canva-benzeri-bir-ui-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React ile Canva Benzeri Bir UI Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva&#039;ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-22T08:30: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\/react-ile-canva-benzeri-bir-ui-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React ile Canva Benzeri Bir UI Olu\u015fturma\",\"datePublished\":\"2025-04-22T08:30:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\"},\"wordCount\":565,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\",\"name\":\"React ile Canva Benzeri Bir UI Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-22T08:30:15+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva'ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React ile Canva Benzeri Bir UI Olu\u015fturma\"}]},{\"@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":"React ile Canva Benzeri Bir UI Olu\u015fturma","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva'ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.","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\/react-ile-canva-benzeri-bir-ui-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"React ile Canva Benzeri Bir UI Olu\u015fturma","og_description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva'ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-22T08:30: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\/react-ile-canva-benzeri-bir-ui-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React ile Canva Benzeri Bir UI Olu\u015fturma","datePublished":"2025-04-22T08:30:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/"},"wordCount":565,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/","name":"React ile Canva Benzeri Bir UI Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-22T08:30:15+00:00","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131mda sizlere React.js kullanarak Canva'ya benzer bir kullan\u0131c\u0131 aray\u00fcz\u00fc nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7te, hem g\u00f6rsel d\u00fczenleme deneyimini hem de temel i\u015flevselli\u011fi taklit edece\u011fiz. \u00d6ncelikle, projenin temel yap\u0131s\u0131n\u0131 kurmakla ba\u015flayal\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-canva-benzeri-bir-ui-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React ile Canva Benzeri Bir UI Olu\u015fturma"}]},{"@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\/18877","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=18877"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18877\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=18877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=18877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=18877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}