1.0Kodların Gizemli Dünyasıhttps://fatihsoysal.com/blogFatih Soysalhttps://fatihsoysal.com/blog/author/fatihsoysal/Neden Dinamik Bir Sidebar'a İhtiyaç Duyarız?rich600338<blockquote class="wp-embedded-content" data-secret="x6bkcnLAJW"><a href="https://fatihsoysal.com/blog/neden-dinamik-bir-sidebara-ihtiyac-duyariz/">Neden Dinamik Bir Sidebar’a İhtiyaç Duyarız?</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://fatihsoysal.com/blog/neden-dinamik-bir-sidebara-ihtiyac-duyariz/embed/#?secret=x6bkcnLAJW" width="600" height="338" title="“Neden Dinamik Bir Sidebar’a İhtiyaç Duyarız?” — Kodların Gizemli Dünyası" data-secret="x6bkcnLAJW" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script>
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
</script>
Modern dokümantasyon siteleri, kullanıcıların aradıkları bilgiye hızlıca ulaşmalarını sağlayan, iyi düzenlenmiş ve etkileşimli sidebar (kenar çubuğu) navigasyonuna sahiptir. Docusaurus gibi popüler statik site üreticileri bu konuda standartları belirlerken, FastAPI ile dinamik bir web sitesi geliştirirken benzer bir deneyimi nasıl sunabiliriz? Bu makalede, FastAPI ve Jinja2 kullanarak, dosya sistemi tabanlı veya yapılandırma dosyaları üzerinden dinamik olarak oluşturulan, Docusaurus benzeri bir sidebar yapısını adım adım inşa edeceğiz. Bu sayede, projenizin dokümantasyonunu yönetmek ve kullanıcılarınıza kesintisiz bir gezinme deneyimi sunmak artık çok daha kolay olacak. Hazır mısınız?