{"id":3509,"date":"2024-11-10T13:15:11","date_gmt":"2024-11-10T10:15:11","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/"},"modified":"2024-11-10T13:15:11","modified_gmt":"2024-11-10T10:15:11","slug":"next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/","title":{"rendered":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme"},"content":{"rendered":"<p>Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme<\/p>\n<p>Next.js&#8217;in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.<\/p>\n<p>Bu makalede, Next.js Server Bile\u015fenlerinde aktif gezinme ba\u011flant\u0131lar\u0131n\u0131 stilleme konusunda ad\u0131m ad\u0131m bir rehber sunaca\u011f\u0131m.  \u00d6ncelikle, aktif ba\u011flant\u0131y\u0131 nas\u0131l belirleyece\u011fimizi \u00f6\u011frenece\u011fiz. Ard\u0131ndan, bu bilginin stil olu\u015fturma i\u00e7in nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Bu makale boyunca, basit ve anla\u015f\u0131l\u0131r bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. B\u00f6ylece, konuyu daha iyi anlayabileceksiniz.<\/p>\n<h2>Aktif Ba\u011flant\u0131y\u0131 Belirleme<\/h2>\n<p>Aktif ba\u011flant\u0131y\u0131 tan\u0131mlamak i\u00e7in, kullan\u0131c\u0131n\u0131n \u015fu anda hangi sayfada oldu\u011funu bilmemiz gerekir. Next.js&#8217;te, bunu `useRouter` hook&#8217;unu kullanarak elde edebiliriz. Bu hook, sayfaya ait bilgileri sa\u011flar. Bizim i\u00e7in \u00f6nemli olan bilgi,  `pathname` \u00f6zelli\u011fidir. `pathname`  kullan\u0131c\u0131n\u0131n \u015fu anda ziyaret etti\u011fi URL&#8217;yi temsil eder.<\/p>\n<p>&#8220;`javascript<br \/>\n&#8220;use client&#8221;;<\/p>\n<p>import { useRouter } from &#8216;next\/navigation&#8217;;<\/p>\n<p>function Nav() {<br \/>\n  const router = useRouter();<\/p>\n<p>  return (<\/p>\n<nav>\n<ul>\n<li>\n          <a href=\"\/\" className={router.pathname === '\/' ? 'active' : ''}><br \/>\n            Anasayfa<br \/>\n          <\/a>\n        <\/li>\n<li>\n          <a href=\"\/about\" className={router.pathname === '\/about' ? 'active' : ''}><br \/>\n            Hakk\u0131m\u0131zda<br \/>\n          <\/a>\n        <\/li>\n<\/ul>\n<\/nav>\n<p>  );<br \/>\n}<\/p>\n<p>export default Nav;<br \/>\n&#8220;`<\/p>\n<p>Bu \u00f6rnekte, `useRouter` hook&#8217;unu kullanarak `router` adl\u0131 bir de\u011fi\u015fken olu\u015fturduk. Ard\u0131ndan,  `pathname` \u00f6zelli\u011fini kullanarak her bir ba\u011flant\u0131n\u0131n URL&#8217;si ile mevcut sayfan\u0131n URL&#8217;sini kar\u015f\u0131la\u015ft\u0131rd\u0131k. E\u011fer URL&#8217;ler e\u015fle\u015fiyorsa,  `active`  s\u0131n\u0131f\u0131n\u0131 ekliyoruz.<\/p>\n<h2>Aktif Ba\u011flant\u0131lar\u0131 Stilleme<\/h2>\n<p>Aktif ba\u011flant\u0131y\u0131 belirledikten sonra, `active`  s\u0131n\u0131f\u0131na stil uygulayarak aktif ba\u011flant\u0131lar\u0131 stilize edebiliriz. Bunu, CSS dosyalar\u0131n\u0131z\u0131 veya inline stilleri kullanarak yapabilirsiniz.<\/p>\n<p>&#8220;`css<br \/>\n.active {<br \/>\n  font-weight: bold;<br \/>\n  color: blue;<br \/>\n}<br \/>\n&#8220;`<\/p>\n<p>Yukar\u0131daki CSS kodu, `active` s\u0131n\u0131f\u0131na sahip ba\u011flant\u0131lar\u0131 kal\u0131n ve mavi yapar. Bu \u015fekilde, aktif ba\u011flant\u0131y\u0131 di\u011ferlerinden ay\u0131rabilirsiniz.<\/p>\n<h2>Di\u011fer Se\u00e7enekler<\/h2>\n<p>Bu y\u00f6ntem, aktif ba\u011flant\u0131lar\u0131 stillemek i\u00e7in en yayg\u0131n y\u00f6ntemlerden biridir. Ancak, farkl\u0131 ihtiya\u00e7lara g\u00f6re  di\u011fer y\u00f6ntemleri de tercih edebilirsiniz. \u00d6rne\u011fin, CSS mod\u00fclleri veya  `styled-components`  k\u00fct\u00fcphanesini kullanarak stillerinizi y\u00f6netebilirsiniz.<\/p>\n<p>Aktif ba\u011flant\u0131lar i\u00e7in kullan\u0131labilecek baz\u0131 di\u011fer y\u00f6ntemler: <\/p>\n<ul>\n<li>**React Router&#8217;\u0131 Kullanma**: React Router, dinamik uygulamalarda gezinme ve URL y\u00f6netimi i\u00e7in kullan\u0131l\u0131r.  `useLocation` hook&#8217;unu kullanarak aktif sayfan\u0131n yolunu  elde edebilir ve bunu stilleme i\u00e7in kullanabilirsiniz.\n  <\/li>\n<li>**CSS&#8217;te :active Se\u00e7iciyi Kullanma**: CSS&#8217;te `:active` se\u00e7ici, bir element \u00fczerine t\u0131kland\u0131\u011f\u0131nda uygulan\u0131r. Ancak, bu y\u00f6ntem, ba\u011flant\u0131n\u0131n sadece t\u0131kland\u0131\u011f\u0131 anda stil uygulayacakt\u0131r.\n  <\/li>\n<li>**JavaScript Kullanma**: JavaScript kullanarak da aktif ba\u011flant\u0131y\u0131 belirleyip stile uygulayabilirsiniz. Bu, daha karma\u015f\u0131k senaryolarda daha fazla kontrol sa\u011flaman\u0131za olanak tan\u0131r.\n  <\/li>\n<\/ul>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu makalede, Next.js Server Bile\u015fenlerinde aktif gezinme ba\u011flant\u0131lar\u0131n\u0131 stilleme konusunda  temel y\u00f6ntemleri inceledik. Bu y\u00f6ntemler  basit ve anla\u015f\u0131l\u0131r olup,  uygulamada aktif ba\u011flant\u0131lar\u0131 kolayca stilize etmenize yard\u0131mc\u0131 olur. <\/p>\n<p>Next.js Server Bile\u015fenlerinin performans avantajlar\u0131n\u0131 elde ederken ayn\u0131 zamanda kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc geli\u015ftirmek i\u00e7in bu bilgileri kullanabilirsiniz. Daha fazla bilgi i\u00e7in  <a href=\"https:\/\/nextjs.org\/docs\/app\/building-your-application\/routing\">Next.js resmi dok\u00fcmantasyonuna<\/a> g\u00f6z atabilirsiniz.<\/p>\n<p>E\u011fer bu konu hakk\u0131nda  daha fazla sorunuz varsa,  <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilir veya yorum b\u00f6l\u00fcm\u00fcnde sorular\u0131n\u0131z\u0131 sorabilirsiniz.<\/p>\n<p>#Etiketler<br \/>\nNext.js, Server Bile\u015fenleri, Aktif Ba\u011flant\u0131, Gezinme,  Stilleme,  useRouter,  pathname, CSS<\/p>\n","protected":false},"excerpt":{"rendered":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme Next.js&#8217;in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi&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-3509","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>Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme<\/title>\n<meta name=\"description\" content=\"Next.js&#039;in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.\" \/>\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-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme\" \/>\n<meta property=\"og:description\" content=\"Next.js&#039;in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-10T10:15: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=\"3 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-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme\",\"datePublished\":\"2024-11-10T10:15:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\"},\"wordCount\":612,\"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-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\",\"name\":\"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-10T10:15:11+00:00\",\"description\":\"Next.js'in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme\"}]},{\"@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 Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme","description":"Next.js'in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.","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-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/","og_locale":"tr_TR","og_type":"article","og_title":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme","og_description":"Next.js'in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.","og_url":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-10T10:15:11+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\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme","datePublished":"2024-11-10T10:15:11+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/"},"wordCount":612,"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-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/","url":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/","name":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-10T10:15:11+00:00","description":"Next.js'in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, performans\u0131 art\u0131rmak ve sunucu taraf\u0131 i\u015flemeyi sa\u011flayan Server Bile\u015fenleridir. Ancak, Server Bile\u015fenleri kullan\u0131rken, uygulamada gezinme ba\u011flant\u0131lar\u0131 gibi dinamik unsurlar\u0131 nas\u0131l stilize edece\u011fimizi anlamak zor olabilir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-server-bilesenlerinde-aktif-gezinme-baglantilarini-stilleme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Next.js Server Bile\u015fenlerinde Aktif Gezinme Ba\u011flant\u0131lar\u0131n\u0131 Stilleme"}]},{"@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\/3509","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=3509"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3509\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=3509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=3509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=3509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}