How to use docs only approach

[0PandaDEV]

I'm trying to make a docs page where I only need the docs feature of fumadocs and not a landing page, but I also want to make use of 3 root trees so they can be switched with the select below the search bar.

The problem now is that I don't want to have the main docs, in this case it's the one for Vleer to be on a new subpage.

Currently, the layout is:

http://localhost:3000

/vleer
	/index
	/...
/openmusic
	/index
	/...
/openmetadata
	/index
	/...

but I would like to put the /vleer on / so it becomes

http://localhost:3000

/index
/...
/openmusic
	/index
	/...
/openmetadata
	/index
	/...

But still with the ability to have the selector from the image above.

One solution I found that kind of works is.

/content
	/openmusic
	/openmetadata
	/index.mdx
	/meta.json

The meta.json in the content folder here includes the following:

{
  "title": "Vleer",
  "description": "The Vleer app.",
  "icon": "pixelarticons:moon-stars",
  "root": true,
  "pages": ["---Introduction---", "index", "openmusic/...", "openmetadata/..."]
}

This way the path layout works, but the selector for switching between the different doc trees does not show up.

The code is here https://github.com/vleerapp/docs/tree/main/content

[fuma-nama]

You can create a folder group with root: true, e.g wrap vleer in parentheses

[0PandaDEV]

Thank you, that works. I have a few other things I don't really understand, like how do I use multiple openapi.yml files in the same project? Because the generateFiles always generates the mdx files with APIPage, but I can't have that component registered twice for different createOpenAPI.

Another thing I don't get is why my openapi pages have this weird layout bug where everything is just stacked as a flex column instead of being side by side.

compared to how I expect it to look

[0PandaDEV]

Nevermind seems I forgot to add @import 'fumadocs-openapi/css/preset.css'; to global.css