{"id":18389,"date":"2025-04-17T09:30:14","date_gmt":"2025-04-17T06:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/"},"modified":"2025-04-17T09:30:14","modified_gmt":"2025-04-17T06:30:14","slug":"github-repolarindan-kod-gosteren-fumadocs-react-bileseni","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/","title":{"rendered":"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni"},"content":{"rendered":"<p><body><\/p>\n<p>GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni<\/p>\n<p>Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz.  Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.  \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs&#8217;un sundu\u011fu avantajlar\u0131 ele alal\u0131m.  Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z.<\/p>\n<h2>Neden FumaDocs?<\/h2>\n<p>GitHub&#8217;dan direkt olarak kod almak, bazen olduk\u00e7a zahmetli olabilir.  \u00d6rne\u011fin, raw dosyay\u0131 do\u011frudan kullanmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda,  s\u00f6z dizim vurgulamas\u0131 olmadan sadece d\u00fcz metin g\u00f6r\u00fcrs\u00fcn\u00fcz.  Ayr\u0131ca, dosya i\u00e7eri\u011fini y\u00f6netmek ve farkl\u0131 dallardan kod \u00e7ekmek de ek bir karma\u015f\u0131kl\u0131k getirebilir.  \u0130\u015fte bu noktada FumaDocs devreye giriyor.  Bu bile\u015fen, t\u00fcm bu i\u015flemleri sizin yerinize yaparak, temiz ve okunabilir bir kod g\u00f6sterimi sa\u011fl\u0131yor.  Hem zaman tasarrufu sa\u011fl\u0131yor, hem de daha profesyonel bir g\u00f6r\u00fcn\u00fcm olu\u015fturulmas\u0131na yard\u0131mc\u0131 oluyor.  \u00d6zetle, kod g\u00f6sterimini kolayla\u015ft\u0131r\u0131p, geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131yor.<\/p>\n<h2>FumaDocs Kurulumu ve Kullan\u0131m\u0131<\/h2>\n<p>FumaDocs&#8217;u kurmak olduk\u00e7a basit.  \u0130lk ad\u0131m olarak, projenize npm veya yarn arac\u0131l\u0131\u011f\u0131yla bile\u015feni eklemeniz gerekiyor:<\/p>\n<pre><code>npm install fumadocs<\/code><\/pre>\n<p>Ard\u0131ndan, bile\u015feni React uygulaman\u0131zda kullanabilirsiniz.  A\u015fa\u011f\u0131daki \u00f6rnekte,  bir GitHub deposundan bir dosya g\u00f6sterilmektedir:<\/p>\n<pre><code>import React from 'react';\nimport FumaDocs from 'fumadocs';\n\nfunction App() {\n  return (\n    &lt;div&gt;\n      &lt;FumaDocs repo=\"fatihsoysal\/fumadocs\" path=\"src\/App.js\" \/&gt;\n    &lt;\/div&gt;\n  );\n}\n\nexport default App;\n<\/code><\/pre>\n<p>Bu kod,  fatihsoysal\/fumadocs deposunun src\/App.js dosyas\u0131n\u0131 g\u00f6r\u00fcnt\u00fcler.  repo ve path prop&#8217;lar\u0131n\u0131 de\u011fi\u015ftirerek, farkl\u0131 depolar ve dosyalar g\u00f6sterebilirsiniz.  Elbette,  depoya eri\u015fiminizin olmas\u0131 gerekiyor.  Daha fazla \u00f6zellik ve \u00f6zelle\u015ftirme se\u00e7enekleri i\u00e7in,  <a href=\"https:\/\/github.com\/fatihsoysal\/fumadocs\">GitHub deposunu<\/a> inceleyebilirsiniz.<\/p>\n<h2>Geli\u015fmi\u015f \u00d6zellikler ve \u00d6zelle\u015ftirmeler<\/h2>\n<p>FumaDocs,  sadece basit kod g\u00f6sterimi sa\u011flamakla kalm\u0131yor.  Ayn\u0131 zamanda \u00e7e\u015fitli \u00f6zelle\u015ftirme se\u00e7enekleri sunuyor.  \u00d6rne\u011fin,  tema, dil ve sat\u0131r numaraland\u0131rma gibi \u00f6zellikleri de\u011fi\u015ftirebilirsiniz.   Bu sayede, uygulaman\u0131z\u0131n tasar\u0131m\u0131na uygun bir kod g\u00f6sterimi elde edebilirsiniz.  Detayl\u0131 bilgi i\u00e7in,  resmi d\u00f6k\u00fcmantasyona g\u00f6z atman\u0131z\u0131 \u00f6neririm. Ayr\u0131ca,  kendi ihtiya\u00e7lar\u0131n\u0131za g\u00f6re bile\u015feni geni\u015fletmek ve geli\u015ftirmek i\u00e7in kaynak koduna eri\u015fiminiz var. Bu bile\u015fen,  esnek yap\u0131s\u0131 sayesinde geni\u015f bir kullan\u0131m alan\u0131na sahip.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>FumaDocs,  GitHub depolar\u0131ndan kod g\u00f6sterimini kolayla\u015ft\u0131ran g\u00fc\u00e7l\u00fc ve kullan\u0131\u015fl\u0131 bir React bile\u015fenidir.  Basit kurulumu,  esnek \u00f6zelle\u015ftirme se\u00e7enekleri ve temiz aray\u00fcz\u00fc ile  geli\u015ftirme s\u00fcrecini \u00f6nemli \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131r\u0131yor.  E\u011fer siz de React projelerinizde GitHub depolar\u0131ndan kod g\u00f6r\u00fcnt\u00fclemek istiyorsan\u0131z,  FumaDocs&#8217;u mutlaka denemelisiniz.  Daha fazla bilgi ve destek i\u00e7in  <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n<p>#Etiketler: React, FumaDocs, GitHub, Kod G\u00f6sterimi, Bile\u015fen, API, JavaScript, Programlama, Dok\u00fcmantasyon, \u00d6zelle\u015ftirme<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131&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-18389","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>GitHub Repo&#039;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs&#039;un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\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\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GitHub Repo&#039;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs&#039;un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-17T06:30: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\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni\",\"datePublished\":\"2025-04-17T06:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\"},\"wordCount\":521,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\",\"name\":\"GitHub Repo'lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-17T06:30:14+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs'un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni\"}]},{\"@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":"GitHub Repo'lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs'un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\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\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/","og_locale":"tr_TR","og_type":"article","og_title":"GitHub Repo'lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni","og_description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs'un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-17T06:30: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\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni","datePublished":"2025-04-17T06:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/"},"wordCount":521,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/","url":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/","name":"GitHub Repo'lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-17T06:30:14+00:00","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle GitHub depolar\u0131ndan kod par\u00e7alar\u0131n\u0131 React uygulamalar\u0131n\u0131za entegre etmenizi kolayla\u015ft\u0131ran FumaDocs bile\u015fenini detayl\u0131 olarak inceleyece\u011fiz. Bu bile\u015fen, \u00f6zellikle dok\u00fcmantasyon siteleri veya \u00f6rnek kodlar g\u00f6stermek isteyen projeler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, neden b\u00f6yle bir bile\u015fene ihtiya\u00e7 duydu\u011fumuzu ve FumaDocs'un sundu\u011fu avantajlar\u0131 ele alal\u0131m. Sonras\u0131nda ise, kurulum, kullan\u0131m ve geli\u015fmi\u015f \u00f6zelliklerini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/github-repolarindan-kod-gosteren-fumadocs-react-bileseni\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"GitHub Repo&#8217;lar\u0131ndan Kod G\u00f6steren FumaDocs React Bile\u015feni"}]},{"@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\/18389","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=18389"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18389\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=18389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=18389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=18389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}