{"id":12576,"date":"2025-02-15T22:45:11","date_gmt":"2025-02-15T19:45:11","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/"},"modified":"2025-02-15T22:45:11","modified_gmt":"2025-02-15T19:45:11","slug":"next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/","title":{"rendered":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma"},"content":{"rendered":"

<\/p>\n

Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma<\/p>\n

Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi’nin yaz\u0131s\u0131nda<\/a> payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\u0131m.<\/p>\n

Proje Haz\u0131rl\u0131\u011f\u0131 ve Kurulum<\/h2>\n

\u00d6ncelikle, yeni bir Next.js projesi olu\u015fturarak i\u015fe ba\u015flayal\u0131m. Bunun i\u00e7in, terminalinizde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131rabilirsiniz:<\/p>\n

npx create-next-app my-app --ts --use-npm\n<\/code><\/pre>\n
Ard\u0131ndan,  Tailwind CSS kurulumunu ger\u00e7ekle\u015ftirelim.  Tailwind CSS’in resmi d\u00f6k\u00fcman\u0131nda detayl\u0131 bilgi bulabilirsiniz.  K\u0131saca, gerekli paketleri y\u00fckleyip konfig\u00fcrasyon dosyas\u0131n\u0131 d\u00fczenlemeniz gerekecektir. Bu sayede,  projenizde Tailwind CSS’i kullanmaya ba\u015flayabilirsiniz.  Sonras\u0131nda ise, TypeScript’i zaten kurmu\u015f bulunuyoruz. <\/p>\n
Dinamik Navbar Bile\u015feni<\/h2>\n
\u015eimdi,  dinamik navbar bile\u015fenini olu\u015ftural\u0131m.  Bu bile\u015fen,  sayfan\u0131n hangi b\u00f6l\u00fcm\u00fcnde oldu\u011funuzu alg\u0131layacak ve buna g\u00f6re men\u00fc \u00f6\u011felerini g\u00fcncelleyecektir.  \u00d6rne\u011fin,  ana sayfada farkl\u0131,  blog sayfas\u0131nda farkl\u0131 men\u00fc \u00f6\u011feleri g\u00f6sterebiliriz.  Bunun i\u00e7in, Next.js’in  useRouter<\/code> hook’unu kullanabiliriz. <\/p>\n
\nimport { useRouter } from 'next\/router';\n\nconst Navbar = () => {\n  const router = useRouter();\n\n  return (\n    <nav className=\"bg-gray-800 p-4\">\n      <ul className=\"flex space-x-4\">\n        <li>\n          <a href=\"\/\" className={router.pathname === '\/' ? 'text-blue-500' : 'text-white'}>Ana Sayfa<\/a>\n        <\/li>\n        <li>\n          <a href=\"\/blog\" className={router.pathname === '\/blog' ? 'text-blue-500' : 'text-white'}>Blog<\/a>\n        <\/li>\n        {\/* Di\u011fer men\u00fc \u00f6\u011feleri... *\/}\n      <\/ul>\n    <\/nav>\n  );\n};\n\nexport default Navbar;\n<\/code><\/pre>\n
Bu kodda,  useRouter<\/code> hook’u ile mevcut rotan\u0131n bilgilerine eri\u015fip,  aktif men\u00fc \u00f6\u011felerini farkl\u0131 bir stile sahip olarak g\u00f6sterebiliyoruz.  Bu sayede,  kullan\u0131c\u0131 hangi sayfada oldu\u011funu kolayca anlayabilir.  Ayr\u0131ca, Tailwind CSS s\u0131n\u0131flar\u0131n\u0131 kullanarak,  stil uygulamak olduk\u00e7a kolayla\u015f\u0131r.  <\/p>\n
Sonu\u00e7<\/h2>\n
Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturmay\u0131 ele ald\u0131k.  Verilen \u00f6rnek kodlar\u0131 inceleyerek ve kendi projelerinize uyarlayarak,  profesyonel ve kullan\u0131c\u0131 dostu aray\u00fczler geli\u015ftirebilirsiniz.  Daha fazla bilgi i\u00e7in,  Next.js resmi d\u00f6k\u00fcman\u0131na<\/a> ve Tailwind CSS resmi d\u00f6k\u00fcman\u0131na<\/a> g\u00f6z atabilirsiniz.  Ayr\u0131ca,  kendi web sitemi fatihsoysal.com<\/a>‘u ziyaret ederek,  daha fazla web geli\u015ftirme i\u00e7eri\u011fine ula\u015fabilirsiniz.<\/p>\n
Umar\u0131m bu makale,  size Next.js ile dinamik navbar olu\u015fturma konusunda yard\u0131mc\u0131 olmu\u015ftur.  Herhangi bir sorunuz veya \u00f6neriniz varsa,  l\u00fctfen yorumlarda belirtmekten \u00e7ekinmeyin.<\/p>\n
#Etiketler: Next.js, TypeScript, Tailwind CSS, Dinamik Navbar, React, JavaScript, Web Geli\u015ftirme, Programlama,  Navbar Olu\u015fturma,  Router,  useRouter<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik…","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-12576","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nNext.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\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\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-15T19:45:11+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=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma\",\"datePublished\":\"2025-02-15T19:45:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\"},\"wordCount\":384,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\",\"name\":\"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-02-15T19:45:11+00:00\",\"description\":\"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar 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":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma","description":"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\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\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma","og_description":"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-02-15T19:45:11+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma","datePublished":"2025-02-15T19:45:11+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/"},"wordCount":384,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/","name":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-02-15T19:45:11+00:00","description":"Bu makalede, Next.js, TypeScript ve Tailwind CSS kullanarak dinamik bir navbar olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. \u00d6zellikle, Caleb Makafoi'nin yaz\u0131s\u0131nda payla\u015ft\u0131\u011f\u0131 deneyimleri temel alarak, konuyu daha detayl\u0131 ve T\u00fcrk\u00e7e olarak ele alaca\u011f\u0131z. Ayr\u0131ca, kendi deneyimlerimi ve ipu\u00e7lar\u0131m\u0131 da payla\u015faca\u011f\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-ve-tailwind-css-ile-dinamik-navbar-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Next.js, TypeScript ve Tailwind CSS ile Dinamik Navbar 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\/12576","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=12576"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/12576\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=12576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=12576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=12576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}