My Design Process
Research
Learn how to write and customize your documentation.
This is only a basic example of what you can achieve with Nuxt UI Pro, you can tweak it to match your needs. The template uses several Nuxt modules underneath like @nuxt/content for the content, @nuxtjs/fontaine and @nuxtjs/google-fonts to change the font and nuxt-og-image for social previews.
Writing content
You can just start writing .md or .yml files in the content/ directory to have your pages updated.
The navigation will be automatically generated in the left aside and in the mobile menu. You will also be able to go through your content with full-text search.
This template relies on a catch-all route but you can achieve the same thing with the document-driven mode.
App Configuration
In addition to @nuxt/ui-pro configuration through the app.config.ts, this template lets you customize the Header, Footer and the Table of contents components.