---
canonical_url: "https://docus.dev/fr"
---
<u-page-hero>
<template v-slot:title="">

Créez votre documentation en Markdown

</template>

<template v-slot:description="">

Publiez instantanément une documentation élégante, optimisée pour le SEO, avec design déjà pensé. <br />

 Docus intègre le meilleur de l’écosystème Nuxt.

</template>

<template v-slot:links="">
<u-button size="xl" to="https://docus.dev/fr/getting-started/installation" color="neutral" trailing-icon="i-lucide-arrow-right">

Commencer

</u-button>

<u-button size="xl" to="https://github.com/nuxt-content/docus" color="neutral" variant="outline" icon="simple-icons-github">

Voir sur GitHub

</u-button>
</template>

<template v-slot:headline="">
<u-button size="sm" to="https://github.com/nuxt-content/docus/releases/tag/v5.0.0" variant="outline">

Docus v5 →

</u-button>
</template>
</u-page-hero>

<u-page-section>
<u-page-grid>
<u-page-card :spotlight="true" className="group,col-span-2,lg:col-span-1" target="_blank" to="https://nuxt.com">
<floating-nuxt>



</floating-nuxt>

<template v-slot:title="">

Construit avec [Nuxt](https://nuxt.com)

</template>

<template v-slot:description="">

Optimisé par votre meta framework Vue préféré. Docus vous donne tout ce dont vous avez besoin pour créer des sites rapides, performants et optimisés pour le SEO.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank" to="https://ui.nuxt.com">
<u-color-mode-image alt="Magnifique visuel propulsé par UI" className="w-full,h-80,object-cover,rounded-lg" dark="/landing/dark/templates-ui-pro.webp" light="/landing/light/templates-ui-pro.webp" :height="320" :width="859">



</u-color-mode-image>

<template v-slot:title="">

Stylisé par [Nuxt UI](https://ui.nuxt.com)

</template>

<template v-slot:description="">

Sexy, minimaliste et personnalisable. Docus intègre Nuxt UI pour vous offrir la meilleure expérience pour écrire une documentation sans boilerplate, concentrez-vous simplement sur votre contenu.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank">
<tabs>
<tabs-item className="mt-5" icon="i-lucide-eye" label="Aperçu">
<div className="flex,flex-col,gap-4">
<note className="my-0">

Voici des informations supplémentaires pour vous.

</note>

<tip className="my-0">

Voici une suggestion utile.

</tip>

<warning className="my-0">

Faites attention à cette action car elle pourrait avoir des résultats inattendus.

</warning>

<caution className="my-0">

Cette action est irréversible.

</caution>
</div>
</tabs-item>

<tabs-item className="mt-5,mb-2,text-xs,overflow-x-auto" icon="i-lucide-code" label="Code">

```mdc
::note
Voici des informations supplémentaires.
::

::tip
Voici une suggestion utile.
::

::warning
Faites attention à cette action car elle pourrait avoir des résultats inattendus.
::

::caution
Cette action est irréversible.
::
```

</tabs-item>
</tabs>

<template v-slot:title="">

Markdown amélioré par [Nuxt Content](https://content.nuxt.com)

</template>

<template v-slot:description="">

La seule chose dont vous devez vous soucier est d'écrire votre contenu. Rédigez vos pages en Markdown et intégrer des composants Nuxt UI ou des composants Vue personnalisés. La structure, le routing et le rendu sont gérés pour vous.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2,md:col-span-1">
<assistant-demo>



</assistant-demo>

<template v-slot:title="">
<span className="text-primary">

Assistant

</span>

 intégré

</template>

<template v-slot:description="">

Permettez à vos visiteurs de poser des questions sur votre documentation en langage naturel. L'assistant recherche votre contenu et fournit des réponses précises avec les sources citées.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2,md:col-span-1,min-h-[450px]" target="_blank">
<color-mode-switch>



</color-mode-switch>

<template v-slot:title="">

[Nuxt Color](https://color-mode.nuxtjs.org) intégration

</template>

<template v-slot:description="">

Light et dark mode intégré, aucune configuration nécessaire.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank">
<u-color-mode-image alt="Navigation intégrée et recherche plein texte" className="rounded-lg" dark="/landing/dark/command-menu.png" light="/landing/light/command-menu.png" :height="554" :width="859" format="webp" loading="lazy">



</u-color-mode-image>

<template v-slot:title="">

Navigation intégrée et <span className="text-primary">

recherche textuelle

</span>
</template>

<template v-slot:description="">

Concentrez-vous uniquement sur votre contenu, Docus génère automatiquement une modale de recherche et la navigation latérale pour vous.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank">
<browser-frame>
<video :controls="true" :loop="true" :playsinline="true" className="rounded-md" src="https://res.cloudinary.com/nuxt/video/upload/v1767647099/studio/studio-demo_eiofld.mp4">



</video>
</browser-frame>

<template v-slot:title="">

Edition en production avec [Nuxt Studio](https://nuxt.studio)

</template>

<template v-slot:description="">

Rédigez et gérez votre contenu visuellement, sans aucune connaissance de Markdown requise. Laissez vos collègues non techniques collaborer sur la documentation et intégrer des composants Vue sans compétences en code.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2,lg:col-span-1" target="_blank" to="https://image.nuxt.com/">
<div className="flex-1,flex,items-center,justify-center">
<u-color-mode-image alt="Visuel Nuxt Image" className="w-[30%],lg:w-[70%],my-12,lg:my-0" dark="/landing/dark/nuxt-image.svg" light="/landing/light/nuxt-image.svg">



</u-color-mode-image>
</div>

<template v-slot:title="">

Optimisation [Nuxt Image](https://image.nuxt.com)

</template>

<template v-slot:description="">

Docus convertit automatiquement les images Markdown pour utiliser `<NuxtImg>`.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2,lg:col-span-1" target="_blank" to="https://docus.dev/fr/concepts/internationalization">
<u-color-mode-image alt="Illustration de l'internationalisation" className="w-full,my-12,lg:my-0" dark="/landing/dark/i18n.svg" light="/landing/light/i18n.svg" :height="195" :width="403">



</u-color-mode-image>

<template v-slot:title="">

Support d' <span className="text-primary">

internationalisation

</span>
</template>

<template v-slot:description="">

Support i18n intégré avec routage automatique et gestion de contenu. Créez une documentation multilingue sans effort.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank" to="https://docus.dev/fr/ai/mcp">
<u-color-mode-image alt="Illustration du serveur MCP natif et contenu prêt pour l'IA" className="w-full,h-auto,rounded-lg" dark="/landing/dark/mcp.svg" light="/landing/light/mcp.svg" :height="400" :width="859">



</u-color-mode-image>

<template v-slot:title="">

Prêt pour l' <span className="text-primary">

IA avec MCP natif

</span>
</template>

<template v-slot:description="">

Serveur Model Context Protocol intégré qui connecte votre documentation aux outils IA comme Cursor, VS Code et Claude. Génération automatique des fichiers `llms.txt` et `llms-full.txt` pour une intégration LLM transparente.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2" target="_blank">

```ts [app.config.ts]
export default defineAppConfig({
        ui: {
          colors: {
            primary: 'green',
            secondary: 'sky',
          },
        },
        socials: {
          x: 'https://x.com/nuxt_js',
          nuxt: 'https://nuxt.com'
        }
})
```

<template v-slot:title="">

Personnalisation avec [Nuxt App Config](https://nuxt.com/docs/4.x/getting-started/configuration#app-configuration)

</template>

<template v-slot:description="">

Mettez à jour les couleurs, les liens sociaux, les logos ou même le style de vos composants globalement via le `app.config.ts`, sans modification directe du code.

</template>
</u-page-card>

<u-page-card :spotlight="true" className="col-span-2,lg:col-span-1">
<div className="flex-1,flex,flex-col,items-center,justify-center,py-8,text-center">
<div className="flex,flex-col,gap-3,w-full,max-w-xs">
<u-button size="lg" to="https://docus.dev/fr/getting-started/introduction" color="primary" :block="true" trailing-icon="i-lucide-arrow-right">

Lire la documentation

</u-button>

<u-button size="lg" to="https://github.com/nuxt-content/docus" color="neutral" variant="outline" :block="true" icon="i-simple-icons-github" target="_blank">

Voir sur GitHub

</u-button>
</div>
</div>

<template v-slot:title="">
<span className="text-primary">

Prêt

</span>

 à commencer ?

</template>

<template v-slot:description="">

Explorez toutes les fonctionnalités qui font de Docus la solution idéale pour votre documentation.

</template>
</u-page-card>
</u-page-grid>
</u-page-section>

## Resources for Agents

- [API catalog: every service document this site publishes](https://docus.dev/.well-known/api-catalog)
- [Sitemap (XML)](https://docus.dev/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://docus.dev/sitemap.md)
- [MCP server card: MCP endpoint at https://docus.dev/mcp](https://docus.dev/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://docus.dev/mcp)
- [llms.txt: index of the documentation for LLMs](https://docus.dev/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://docus.dev/llms-full.txt)
- [Agent skills index: every skill published by this site](https://docus.dev/.well-known/skills/index.json)
- [Agent skill: create-docs](https://docus.dev/.well-known/skills/create-docs/SKILL.md)
- [Agent skill: review-docs](https://docus.dev/.well-known/skills/review-docs/SKILL.md)
- [OpenAPI document: every route this site serves to agents](https://docus.dev/openapi.json)


## Sitemap

See the full [sitemap](https://docus.dev/sitemap.md) for all pages.