{"id":15093,"date":"2025-03-13T22:45:14","date_gmt":"2025-03-13T19:45:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/"},"modified":"2025-03-13T22:45:14","modified_gmt":"2025-03-13T19:45:14","slug":"react-ile-portfoy-web-sitesi-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/","title":{"rendered":"React ile Portf\u00f6y Web Sitesi Olu\u015fturma"},"content":{"rendered":"<p><body><\/p>\n<p>React ile Portf\u00f6y Web Sitesi Olu\u015fturma<\/p>\n<p>Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m.  Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir.  \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na,  sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.<\/p>\n<h2>Proje Kurulumu<\/h2>\n<p>\u0130lk ad\u0131mda, yeni bir React projesi olu\u015fturmal\u0131y\u0131z. Bunun i\u00e7in Create React App kullanabilirsiniz.  A\u015fa\u011f\u0131daki komutu terminalinize yazarak projeyi ba\u015flatabilirsiniz:<\/p>\n<pre><code>npx create-react-app my-portfolio<\/code><\/pre>\n<p>Bu komut, &#8220;my-portfolio&#8221; adl\u0131 bir klas\u00f6r i\u00e7inde yeni bir React projesi olu\u015fturacakt\u0131r.  Proje klas\u00f6r\u00fcne girdikten sonra, geli\u015ftirme sunucusunu ba\u015flatmak i\u00e7in \u015fu komutu kullan\u0131n:<\/p>\n<pre><code>npm start<\/code><\/pre>\n<p>\u015eimdi,  temel proje yap\u0131m\u0131z haz\u0131r.  Sonras\u0131nda, projenizin ihtiya\u00e7 duydu\u011fu ek k\u00fct\u00fcphaneleri (\u00f6rne\u011fin, router veya state y\u00f6netimi i\u00e7in) kurabilirsiniz.  Benim ki\u015fisel tercihim,  karma\u015f\u0131k projelerde Redux veya Context API kullanmakt\u0131r.  Ancak basit portf\u00f6y siteleri i\u00e7in,  React&#8217;in kendi state y\u00f6netim mekanizmas\u0131 yeterli olabilir.  Bu noktada, projenizin b\u00fcy\u00fckl\u00fc\u011f\u00fcne ve karma\u015f\u0131kl\u0131\u011f\u0131n\u0131za ba\u011fl\u0131 olarak karar vermeniz en do\u011frusu.<\/p>\n<h2>Bile\u015fenlerin Olu\u015fturulmas\u0131<\/h2>\n<p>Bir sonraki ad\u0131m, web sitenizin temel bile\u015fenlerini olu\u015fturmakt\u0131r.  Bunlar genellikle &#8220;Navbar&#8221;, &#8220;Hero&#8221;, &#8220;Projects&#8221;, &#8220;About&#8221;, &#8220;Contact&#8221; gibi bile\u015fenlerdir. Her bile\u015feni ayr\u0131 bir dosyada tutmak, kod d\u00fczeninizi temiz ve anla\u015f\u0131l\u0131r tutman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, &#8220;Projects&#8221; bile\u015feninde, projelerinizi listelemek i\u00e7in bir map fonksiyonu kullanabilirsiniz.  Ayr\u0131ca her proje i\u00e7in ayr\u0131nt\u0131l\u0131 bilgi i\u00e7eren bir modal veya ayr\u0131 bir sayfa olu\u015fturabilirsiniz.  Bu sayede ziyaret\u00e7ileriniz projelerinizi detayl\u0131 olarak inceleyebilirler.<\/p>\n<pre><code>\/\/ Projects.js\nimport React from 'react';\n\nconst Projects = () => {\n  const projects = [\n    \/\/ Proje bilgilerini burada ekleyin\n  ];\n\n  return (\n    <div>\n      {projects.map((project) => (\n        <div key={project.id}>\n          {\/* Proje detaylar\u0131 *\/}\n        <\/div>\n      ))}\n    <\/div>\n  );\n};\n\nexport default Projects;\n<\/code><\/pre>\n<h2>Stilleme<\/h2>\n<p>Web sitenizin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc \u00f6zelle\u015ftirmek i\u00e7in CSS veya bir CSS framework&#8217;\u00fc kullanabilirsiniz.  Benim tavsiyem,  uygulama h\u0131z\u0131n\u0131 ve \u00f6l\u00e7eklenebilirli\u011fi iyile\u015ftirmek i\u00e7in Material-UI, Ant Design gibi pop\u00fcler React UI k\u00fct\u00fcphanelerini tercih etmektir.  Bu k\u00fct\u00fcphaneler haz\u0131r bile\u015fenler ve stil se\u00e7enekleri sunarak geli\u015ftirme s\u00fcrecini h\u0131zland\u0131racakt\u0131r.   Ayr\u0131ca,  benzersiz bir g\u00f6r\u00fcn\u00fcm i\u00e7in \u00f6zelle\u015ftirilebilirler.<\/p>\n<h2>Da\u011f\u0131t\u0131m<\/h2>\n<p>Son ad\u0131mda, olu\u015fturdu\u011funuz portf\u00f6y web sitenizi yay\u0131nlamal\u0131s\u0131n\u0131z.  Bunun i\u00e7in \u00e7e\u015fitli platformlar mevcuttur.  Netlify, Vercel ve GitHub Pages gibi platformlar \u00fccretsiz da\u011f\u0131t\u0131m se\u00e7enekleri sunmaktad\u0131r.  Bu platformlardan birini se\u00e7erek, sitenizi kolayca yay\u0131nlayabilirsiniz.  Yay\u0131nlama i\u015flemi genellikle basit bir komutla veya platformun aray\u00fcz\u00fc \u00fczerinden yap\u0131l\u0131r.  Bu sayede, projenizi d\u00fcnyayla payla\u015fabilir ve \u00e7al\u0131\u015fman\u0131z\u0131 herkese sergileyebilirsiniz.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Umar\u0131m bu rehber, React ile portf\u00f6y web sitesi olu\u015fturman\u0131zda size yard\u0131mc\u0131 olmu\u015ftur.  Unutmay\u0131n ki, bu sadece bir ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Kendi yarat\u0131c\u0131l\u0131\u011f\u0131n\u0131z\u0131 kullanarak sitenizi daha da geli\u015ftirebilir ve ki\u015fiselle\u015ftirebilirsiniz.  Daha fazla bilgi ve kaynak i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz.  Ayr\u0131ca,  React \u00f6\u011frenmenizde yard\u0131mc\u0131 olacak bir\u00e7ok harika kaynak mevcuttur.  \u00d6rne\u011fin,  React&#8217;in resmi dok\u00fcmanlar\u0131na <a href=\"https:\/\/reactjs.org\/docs\/getting-started.html\" target=\"_blank\">buradan<\/a> ula\u015fabilirsiniz.<\/p>\n<p>#Etiketler: React, Portf\u00f6y, Web Sitesi, Geli\u015ftirme, Programlama, JavaScript, Tutorial, Rehber,  CSS, UI K\u00fct\u00fcphanesi, Da\u011f\u0131t\u0131m, Netlify, Vercel, GitHub Pages<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React ile Portf\u00f6y Web Sitesi Olu\u015fturma Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi&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-15093","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 Portf\u00f6y Web Sitesi Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.\" \/>\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-portfoy-web-sitesi-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React ile Portf\u00f6y Web Sitesi Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T19:45:14+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-portfoy-web-sitesi-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React ile Portf\u00f6y Web Sitesi Olu\u015fturma\",\"datePublished\":\"2025-03-13T19:45:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\"},\"wordCount\":574,\"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-portfoy-web-sitesi-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\",\"name\":\"React ile Portf\u00f6y Web Sitesi Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-13T19:45:14+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React ile Portf\u00f6y Web Sitesi 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 Portf\u00f6y Web Sitesi Olu\u015fturma","description":"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.","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-portfoy-web-sitesi-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"React ile Portf\u00f6y Web Sitesi Olu\u015fturma","og_description":"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-13T19:45:14+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-portfoy-web-sitesi-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React ile Portf\u00f6y Web Sitesi Olu\u015fturma","datePublished":"2025-03-13T19:45:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/"},"wordCount":574,"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-portfoy-web-sitesi-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/","name":"React ile Portf\u00f6y Web Sitesi Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-13T19:45:14+00:00","description":"Merhaba! Fatih Soysal olarak, sizlere React kullanarak etkileyici bir portf\u00f6y web sitesi olu\u015fturmay\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu rehber, hem yeni ba\u015flayanlar hem de React deneyimi olanlar i\u00e7in faydal\u0131 bilgiler i\u00e7ermektedir. \u00d6ncelikle projenizi nas\u0131l yap\u0131land\u0131raca\u011f\u0131n\u0131zdan, temel bile\u015fenlerin olu\u015fturulmas\u0131na, sonras\u0131nda ise stilleme ve da\u011f\u0131t\u0131ma kadar her a\u015famay\u0131 detayl\u0131 \u015fekilde ele alaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-ile-portfoy-web-sitesi-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React ile Portf\u00f6y Web Sitesi 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\/15093","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=15093"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/15093\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=15093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=15093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=15093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}