---
title: "Développer votre propre application"
description: "Dans ce guide avancé étape par étape, vous apprendrez à créer vos propres composants d'application personnalisés, qu'il s'agisse de graphiques et de filtres dynamiques"
url: https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development
lang: fr
lastUpdated: 2026-09-14
---
> For AI agents: the complete documentation index is available at https://docs.ovhcloud.com/fr/llms.txt, the full documentation bundle is available at https://docs.ovhcloud.com/fr/llms-full.txt.

# Développer votre propre application

## Objectif

Dans ce guide avancé étape par étape, vous apprendrez à créer vos propres composants d'application personnalisés, qu'il s'agisse de graphiques et de filtres dynamiques, à les personnaliser, à les intégrer dans la platform et bien plus encore.

Ici, vous allez poursuivre le développement de l'application que vous avez créée dans la [première partie du guide de démarrage](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/landing-page-getting-started.md).

L'objectif ? Vous fournir tous les outils nécessaires pour créer du code personnalisé à partir des références d'API et des boilerplates fournis.

:::warning
Ceci est un guide avancé destiné aux développeurs, ingénieurs front-end ou architectes d'application. Nous recommandons d'être familiarisé avec les concepts de base du développement front-end.
:::

Voici un **aperçu rapide de ce que nous pourrons réaliser à la fin de ce guide**. Comme vous pouvez le voir, vous ajouterez un composant de carte personnalisé, des options de filtre plus complexes et un style plus soigné pour tous les autres graphiques.

![alt text](/images/public-cloud/data-platform/getting-further/app-dev/picts/gs-advanced-layout.png)
## C'est parti !

👉Voici les étapes que vous devrez suivre :

[<span style={{display:"flex", alignItems:"center", textDecoration:"none", color:"var(--rp-c-text-1)", backgroundColor:"var(--rp-c-bg-soft)", borderRadius:"8px", boxShadow:"0 3px 13px 0 rgba(151, 167, 183, 0.3)", margin:"10px 4px 25px", padding:"0 20px 0 0"}}><img className="no-zoom" src="/images/public-cloud/data-platform/getting-started/app-init/picts/connect.png" alt="Connect" style={{width:"175px", margin:"0 10px 0 0"}} /> <div> <h3 style={{paddingTop:"5px"}}>Créer</h3> <p>Comment créer, déployer et gérer les versions à l'aide de code externe</p> </div></span>](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-build.md)

[<span style={{display:"flex", alignItems:"center", textDecoration:"none", color:"var(--rp-c-text-1)", backgroundColor:"var(--rp-c-bg-soft)", borderRadius:"8px", boxShadow:"0 3px 13px 0 rgba(151, 167, 183, 0.3)", margin:"10px 4px 25px", padding:"0 20px 0 0"}}><img className="no-zoom" src="/images/public-cloud/data-platform/getting-started/app-init/picts/transfer.png" alt="Transfer" style={{width:"175px", margin:"0 10px 0 0"}} /> <div> <h3 style={{paddingTop:"5px"}}>Configurer</h3> <p>Comprendre l'architecture de l'application et les fichiers de configuration</p> </div></span>](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-config.md)

[<span style={{display:"flex", alignItems:"center", textDecoration:"none", color:"var(--rp-c-text-1)", backgroundColor:"var(--rp-c-bg-soft)", borderRadius:"8px", boxShadow:"0 3px 13px 0 rgba(151, 167, 183, 0.3)", margin:"10px 4px 25px", padding:"0 20px 0 0"}}><img className="no-zoom" src="/images/public-cloud/data-platform/getting-started/app-init/picts/query.png" alt="Query" style={{width:"175px", margin:"0 10px 0 0"}} /> <div> <h3 style={{paddingTop:"5px"}}>Personnaliser</h3> <p>Créer, éditer et personnaliser le style des graphiques à l'aide des composants existants</p> </div></span>](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-components.md)

[<span style={{display:"flex", alignItems:"center", textDecoration:"none", color:"var(--rp-c-text-1)", backgroundColor:"var(--rp-c-bg-soft)", borderRadius:"8px", boxShadow:"0 3px 13px 0 rgba(151, 167, 183, 0.3)", margin:"10px 4px 25px", padding:"0 20px 0 0"}}><img className="no-zoom" src="/images/public-cloud/data-platform/getting-started/app-init/picts/expose.png" alt="Expose" style={{width:"175px", margin:"0 10px 0 0"}} /> <div> <h3 style={{paddingTop:"5px"}}>Étendre</h3> <p>Ajouter des composants personnalisés (ou extensions) en tant que paramètres et graphiques dynamiques</p> </div></span>](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-custom-components.md)

## Aller plus loin

Si vous avez besoin d'une formation ou d'une assistance technique pour la mise en oeuvre de nos solutions, contactez votre commercial ou cliquez sur [ce lien](https://www.ovhcloud.com/fr/professional-services/) pour obtenir un devis et demander une analyse personnalisée de votre projet à nos experts de l’équipe Professional Services.

Posez vos questions, faites-nous part de vos commentaires et interagissez directement avec l’équipe qui développe la Data Platform sur le [canal Discord](https://discord.gg/ovhcloud) dédié.

Si vous avez besoin d'une assistance concernant vos services OVHcloud, créez une demande depuis notre [centre d'aide](https://help.ovhcloud.com/csm?id=csm_get_help).

Rejoignez notre [communauté d'utilisateurs](https://community.ovhcloud.com/).