A beautiful, internationalized starter for creating multi-language documentation with Docus
This is the i18n Docus starter template that provides everything you need to build beautiful, multi-language documentation sites with Markdown and Vue components.
- π Internationalization - Native i18n support for multi-language docs
- π¨ Beautiful Design - Clean, modern documentation theme
- π± Responsive - Mobile-first responsive design
- π Dark Mode - Built-in dark/light mode support
- π Search - Full-text search functionality per language
- π Markdown Enhanced - Extended markdown with custom components
- π¨ Customizable - Easy theming and brand customization
- β‘ Fast - Optimized for performance with Nuxt 4
- π§ TypeScript - Full TypeScript support
# Install dependencies
npm install
# Start development server
npm run devYour multilingual documentation site will be running at http://localhost:3000
This starter comes pre-configured with:
- πΊπΈ English (
en) - Default language - π«π· FranΓ§ais (
fr) - French translation
my-docs/
βββ content/ # Your markdown content
β βββ en/ # English content
β β βββ index.md # English homepage
β β βββ docs/ # English documentation
β βββ fr/ # French content
β βββ index.md # French homepage
β βββ docs/ # French documentation
βββ public/ # Static assets
βββ nuxt.config.ts # Nuxt configuration with i18n setup
βββ package.json # Dependencies and scripts
The content is organized by language, making it easy to manage translations:
content/
βββ en/ # English content
β βββ index.md
β βββ 1.getting-started/
β β βββ installation.md
β β βββ configuration.md
β βββ 2.essentials/
β βββ markdown.md
β βββ components.md
βββ fr/ # French content
βββ index.md
βββ 1.getting-started/
β βββ installation.md
β βββ configuration.md
βββ 2.essentials/
βββ markdown.md
βββ components.md
The i18n starter generates URLs with language prefixes:
- English:
/en/getting-started/installation - French:
/fr/getting-started/installation - Default locale fallback:
/getting-started/installation(redirects to English)
This starter comes pre-configured with:
- Nuxt 4 - The web framework
- Nuxt Content - File-based CMS
- Nuxt i18n - Internationalization
- Nuxt UI - UI components
- Nuxt Image - Optimized images
- Tailwind CSS 4 - Utility-first CSS
- Docus Layer - Documentation theme
For detailed documentation on customizing your Docus project, visit the Docus Documentation
Build for production:
npm run buildThe built files will be in the .output directory, ready for deployment to any hosting provider that supports Node.js.