--- title: Svelte DocSmith - a docs framework where the sidebar... description: Svelte DocSmith is an open-source, MIT-licensed documentation framework built on SvelteKit that follows a convention-over-configuration approach. Drop a... canonical: https://daily.dev/posts/svelte-docsmith---a-docs-framework-where-the-sidebar-builds-itself-fcgcrvq0w twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Svelte DocSmith - a docs framework where the sidebar builds itself | daily.dev og:description: Svelte DocSmith is an open-source, MIT-licensed documentation framework built on SvelteKit that follows a convention-over-configuration approach. Drop a... og:url: https://daily.dev/posts/svelte-docsmith---a-docs-framework-where-the-sidebar-builds-itself-fcgcrvq0w og:image: https://api.daily.dev/og/posts/FcGCRvq0w.png og:image:alt: Svelte DocSmith - a docs framework where the sidebar builds itself og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Svelte DocSmith - a docs framework where the sidebar builds itself **[Deleted user](https://daily.dev/sources/404)** · [@ghost](https://daily.dev/ghost) · 1 min read · 0 upvotes · 0 comments ## Summary Svelte DocSmith is an open-source, MIT-licensed documentation framework built on SvelteKit that follows a convention-over-configuration approach. Drop a markdown file in and get a full page with syntax highlighting, table of contents, anchor links, and an auto-generated sidebar from frontmatter — no manual nav config needed. Since it's a real SvelteKit app, live Svelte components can be embedded directly in pages. Currently pre-1.0 and available on npm, the author is seeking feedback and comparisons with existing solutions. ## Content I've been building Svelte DocSmith, an open-source framework for documentation sites built on SvelteKit. There are already a few ways to do docs in Svelte, so this is my take on it, built around convention over configuration. You write a markdown file, drop it in, and you get a real page: syntax highlighting, a table of contents, anchor links, and a sidebar generated from each page's frontmatter. No nav list to maintain, no content config to keep in sync. The structure just follows from your files. Because the site is a real SvelteKit app, you can drop live Svelte components straight into a page whenever something needs to be interactive. - Docs: [https://docsmith.geodask.com](https://docsmith.geodask.com) - GitHub: [https://github.com/geodask/svelte-docsmith](https://github.com/geodask/svelte-docsmith) It's MIT, on npm, and still pre-1.0. I'd genuinely like feedback, including how it compares to whatever you're using now. --- Tags: [#webdev](https://daily.dev/tags/webdev), [#markdown](https://daily.dev/tags/markdown), [#svelte](https://daily.dev/tags/svelte), [#sveltekit](https://daily.dev/tags/sveltekit) [View this post on daily.dev](https://daily.dev/posts/svelte-docsmith---a-docs-framework-where-the-sidebar-builds-itself-fcgcrvq0w) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/svelte-docsmith---a-docs-framework-where-the-sidebar-builds-itself-fcgcrvq0w","headline":"Svelte DocSmith - a docs framework where the sidebar builds itself","text":"Svelte DocSmith is an open-source, MIT-licensed documentation framework built on SvelteKit that follows a convention-over-configuration approach. Drop a markdown file in and get a full page with syntax highlighting, table of contents, anchor links, and an auto-generated sidebar from frontmatter — no manual nav config needed. Since it's a real SvelteKit app, live Svelte components can be embedded directly in pages. Currently pre-1.0 and available on npm, the author is seeking feedback and comparisons with existing solutions.","url":"https://daily.dev/posts/svelte-docsmith---a-docs-framework-where-the-sidebar-builds-itself-fcgcrvq0w","datePublished":"2026-07-20T13:47:29.384Z","dateModified":"2026-07-20T13:47:50.014Z","author":{"@type":"Person","name":"Deleted user","url":"https://daily.dev/ghost","image":"https://media.daily.dev/image/upload/s--hNIUzLiO--/f_auto/v1705327420/public/ghost_vlftth","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":29610}},"image":"https://media.daily.dev/image/upload/s--EiNnbntE--/f_auto/v1784555249/posts/FcGCRvq0w?_a=BAMAMicg0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/sources/404","name":"Deleted user"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Deleted user","item":"https://daily.dev/sources/404"},{"@type":"ListItem","position":3,"name":"Svelte DocSmith - a docs framework where the sidebar builds itself"}]} ```