{"id":4114,"date":"2024-11-17T12:00:14","date_gmt":"2024-11-17T09:00:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/"},"modified":"2024-11-17T12:00:14","modified_gmt":"2024-11-17T09:00:14","slug":"tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/","title":{"rendered":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"tr\"><br \/>\n<head><br \/>\n  <title>TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<p>TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi<\/p>\n<p>Merhaba!  Bu makalede,  Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m.  TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar.  Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r.  \u0130\u015fte ba\u015flayal\u0131m!<\/p>\n<h2>Proje Kurulumu<\/h2>\n<p>\u00d6ncelikle, bir Vite projesi olu\u015fturman\u0131z gerekiyor.  Bunun i\u00e7in a\u015fa\u011f\u0131daki komutu kullanabilirsiniz:<\/p>\n<p><code>npm create vite@latest my-project --template react<\/code><\/p>\n<p>Projenizi olu\u015fturduktan sonra, TanStack Router&#8217;\u0131 kurman\u0131z gerekiyor.  Bunun i\u00e7in a\u015fa\u011f\u0131daki komutu kullan\u0131n:<\/p>\n<p><code>npm install @tanstack\/react-router-dom<\/code><\/p>\n<p>Kurulum tamamland\u0131ktan sonra, projenizin `App.jsx` veya ana bile\u015feninizde TanStack Router&#8217;\u0131 import edip kullanmaya ba\u015flayabilirsiniz.  Ba\u015flang\u0131\u00e7ta basit bir yap\u0131 olu\u015fturabilirsiniz.  \u00d6rne\u011fin, ana sayfan\u0131z ve bir hakk\u0131m\u0131zda sayfan\u0131z olsun.<\/p>\n<h2>Kimlik Do\u011frulama Gerektiren Rotalar<\/h2>\n<p>Kimlik do\u011frulama gerektiren rotalar\u0131 y\u00f6netmek i\u00e7in,  rotalar\u0131n\u0131z\u0131  korumak \u00fczere bir bile\u015fen veya fonksiyon kullanabilirsiniz. Bu bile\u015fen, kullan\u0131c\u0131n\u0131n oturum a\u00e7\u0131p a\u00e7mad\u0131\u011f\u0131n\u0131 kontrol eder ve yetkisi yoksa giri\u015f sayfas\u0131na y\u00f6nlendirir.  A\u015fa\u011f\u0131daki \u00f6rnekte,  `ProtectedRoute` bile\u015fenini kullanarak bunu g\u00f6sterece\u011fim:<\/p>\n<p>&#8220;`javascript<br \/>\nimport { Navigate } from &#8216;@tanstack\/react-router-dom&#8217;;<\/p>\n<p>const ProtectedRoute = ({ children }) => {<br \/>\n  const isAuthenticated =  localStorage.getItem(&#8216;isAuthenticated&#8217;) === &#8216;true&#8217;; \/\/ basit bir \u00f6rnek<\/p>\n<p>  if (!isAuthenticated) {<br \/>\n    return <Navigate to=\"\/login\" \/>;<br \/>\n  }<\/p>\n<p>  return children;<br \/>\n};<br \/>\n&#8220;`<\/p>\n<p>Bu fonksiyon, yerel depolamada (localStorage) &#8216;isAuthenticated&#8217; anahtar\u0131n\u0131n de\u011ferini kontrol eder.  E\u011fer &#8216;true&#8217; de\u011filse, kullan\u0131c\u0131y\u0131 &#8216;\/login&#8217; rotas\u0131na y\u00f6nlendirir.  Bu `ProtectedRoute` bile\u015fenini rotalar\u0131n\u0131zda kullanarak koruyabilirsiniz.<\/p>\n<h2>Aktif Rotalar\u0131 Belirleme<\/h2>\n<p>TanStack Router, aktif rotalar\u0131 belirlemek i\u00e7in `useMatch` hook&#8217;unu sunar.  Bu hook, belirli bir rotayla e\u015fle\u015fip e\u015fle\u015fmedi\u011fini kontrol eder ve  bu bilgiyi UI&#8217;n\u0131z\u0131 g\u00fcncellemek i\u00e7in kullanabilirsiniz.<\/p>\n<p>&#8220;`javascript<br \/>\nimport { useMatch } from &#8216;@tanstack\/react-router-dom&#8217;;<\/p>\n<p>const MyComponent = () => {<br \/>\n  const match = useMatch(&#8216;\/about&#8217;);<\/p>\n<p>  return (<\/p>\n<div>\n      {match ? <\/p>\n<p>\u015eu anda &#8220;Hakk\u0131m\u0131zda&#8221; sayfas\u0131ndas\u0131n\u0131z.<\/p>\n<p> : null}\n    <\/p><\/div>\n<p>  );<br \/>\n};<br \/>\n&#8220;`<\/p>\n<p>Bu \u00f6rnekte, `\/about` rotas\u0131nda bulunup bulunmad\u0131\u011f\u0131n\u0131 kontrol eder ve buna g\u00f6re bir mesaj g\u00f6sterir.  `useMatch` hook&#8217;u,  aktif rota bilgilerini dinamik olarak g\u00f6r\u00fcnt\u00fclemek i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n<h2>Geli\u015fmi\u015f Teknikler<\/h2>\n<p>Daha geli\u015fmi\u015f senaryolar i\u00e7in,  TanStack Router&#8217;\u0131n sundu\u011fu di\u011fer hook&#8217;lar\u0131 ve \u00f6zelliklerinden yararlanabilirsiniz.  \u00d6rne\u011fin,  `useLocation`, `useNavigate`, `useParams` gibi hook&#8217;lar  uygulaman\u0131zda daha karma\u015f\u0131k y\u00f6nlendirme senaryolar\u0131n\u0131 y\u00f6netmenize yard\u0131mc\u0131 olur.  <a href=\"https:\/\/tanstack.com\/router\/v4\/docs\/guides\/auth\">TanStack Router dok\u00fcmanlar\u0131n\u0131<\/a> inceleyerek daha fazla bilgi edinebilirsiniz.<\/p>\n<p>Bu makalede, Vite projenizde TanStack Router&#8217;\u0131 kullanman\u0131n temel prensiplerini ele ald\u0131k.  Umar\u0131m bu bilgiler size yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla bilgi ve \u00f6rnek i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz.<\/p>\n<p>Ba\u015fka sorular\u0131n\u0131z olursa, l\u00fctfen yorum yapmaktan \u00e7ekinmeyin.<\/p>\n<p>#Etiketler<br \/>\nTanStack Router, Vite, React, Rota Y\u00f6netimi, Kimlik Do\u011frulama, Aktif Rotalar,  React Router,  Web Geli\u015ftirme,  JavaScript,  useMatch, useNavigate, useParams,  useLocation,  ProtectedRoute<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi TanStack Router ile Vite Projenizde Kimlik Do\u011frulama&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-4114","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>TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte 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\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-17T09:00: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\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi\",\"datePublished\":\"2024-11-17T09:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\"},\"wordCount\":534,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\",\"name\":\"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-17T09:00:14+00:00\",\"description\":\"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi\"}]},{\"@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":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi","description":"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte 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\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/","og_locale":"tr_TR","og_type":"article","og_title":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi","og_description":"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-17T09:00: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\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi","datePublished":"2024-11-17T09:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/"},"wordCount":534,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/","url":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/","name":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-17T09:00:14+00:00","description":"Merhaba! Bu makalede, Vite ile geli\u015ftirdi\u011finiz projelerde TanStack Router k\u00fct\u00fcphanesini nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131, kimlik do\u011frulama gerektiren rotalar\u0131 nas\u0131l y\u00f6netece\u011finizi ve aktif rotalar\u0131 nas\u0131l belirleyece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. TanStack Router, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir y\u00f6nlendirme \u00e7\u00f6z\u00fcm\u00fc sunar. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r. \u0130\u015fte ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/tanstack-router-ile-vite-projenizde-kimlik-dogrulama-ve-aktif-rota-yonetimi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"TanStack Router ile Vite Projenizde Kimlik Do\u011frulama ve Aktif Rota Y\u00f6netimi"}]},{"@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\/4114","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=4114"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4114\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}