Skip to main content
SolidBase
SolidBase is currently in Beta!

Some options may not fully work or be documented.


Sidebar

The sidebar for the default theme is configured in the app config:

app.config.ts
import { defineConfig } from "@solidjs/start/config";
import { createSolidBase } from "@kobalte/solidbase";
const solidBase = createSolidBase(theme);
export default defineConfig({
...solidBase.startConfig({
...
}),
plugins: [
solidBase.plugin({
...
themeConfig: {
...
sidebar: {
"/guide": {
items: [
{
title: "Overview",
collapsed: false,
items: [
{
title: "What is SolidBase?",
link: "/",
},
{
title: "Getting Started",
link: "/getting-started",
},
...
],
},
{
title: "Features",
collapsed: false,
items: [
{
title: "Markdown Extensions",
link: "/markdown",
},
...
],
},
...
],
},
"/reference": {
items: [
{
title: "Reference",
collapsed: false,
items: [
{
title: "Frontmatter Config",
link: "/frontmatter",
},
],
},
{
title: "Default Theme",
collapsed: false,
items: [
{
title: "Overview",
link: "/default-theme",
},
...
],
},
],
},
},
},
...
}),
],
});

Last updated: 3/18/26, 6:35 PM

Edit this page on GitHub
SolidBaseFully featured, fully customisable static site generation for SolidStart
Community
githubdiscord