---
title: "Créer votre application avec un dépôt externe"
description: "Ici, vous apprendrez à configurer une application React et à l'exécuter localement"
url: https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-build
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.

# Créer votre application avec un dépôt externe

## Objectif

Ici, vous apprendrez à configurer une application React et à l'exécuter localement.

À la fin de ce guide, vous serez capable d'éditer une application Data Platform en l'exécutant **localement**, en la **connectant** à l'écosystème de la Platform et en la **déployant** avec un dépôt git.

## Prérequis

Il y a quelques éléments dont vous avez besoin avant de commencer :

- Suivez le [guide de démarrage de l'Analytics App](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/landing-page-getting-started.md) jusqu'à [ce point](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/getting-started-create-queries.md). C'est là que vous exposez votre API.
- Installez [git](https://git-scm.com/).
- Installez [Node.js](https://nodejs.org/en/).
- Installez [yarn](https://yarnpkg.com/) (recommandé) ou [npm](https://www.npmjs.com/).
- Installez [npx](https://www.npmjs.com/package/npx).
- Disposez d'un **éditeur de texte**. Vous allez écrire du HTML, du CSS et du JavaScript.

:::info
Le point de communication entre votre **Data Platform Project** et votre application est l'**API Data Platform** que vous avez exposée dans Application Services. C'est pourquoi il est nécessaire de terminer le [guide de démarrage](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/landing-page-getting-started.md) jusqu'à la partie où vous exposez vos données et vos requêtes sur l'API.
:::

## Configurer une application et la connecter à Data Platform

### Créer une application à partir d'un modèle existant

Clonez ce [dépôt](https://github.com/forepaas/getting-started/) et ouvrez-le :

```bash
git clone https://github.com/forepaas/getting-started.git
cd getting-started/
```

Basculez sur la branche release/basic

```bash
git checkout release/basic
```

Avant d'installer les modules Node, vous devez vous assurer que nos dépendances liées aux cartes sont configurées pour l'environnement actuel. Ouvrez votre fichier package.json et ajoutez les lignes suivantes à votre section dependencies, ou mettez-les à jour si elles existent déjà :

```json
	"dependencies": {
	    // ... autres dépendances existantes
	    "leaflet": "^1.6.0",
	    "react-leaflet": "^2.7.0",
	    "react-leaflet-markercluster": "^2.0.0"
	  },
```

Installez les modules node :

```bash
yarn
```

:::warning
Si vous obtenez une erreur concernant les **certificats** lors de l'installation de yarn, vous devez contacter votre service informatique pour résoudre le problème.
:::

Installez npx (ignorez cette étape si vous l'avez déjà installé globalement) :

```bash
yarn global add npx
```

Installez les modules de la Platform

```bash
npm run fppm i
```

:::warning
Si vous rencontrez des problèmes lors de l'installation des modules, cela peut être dû à vos configurations NodeJS. Désinstallez et réinstallez NodeJS pour résoudre le problème.
:::

:::warning
Si le problème persiste, cela pourrait être dû à un problème de compatibilité de version de NodeJS. Installez NodeJS v16.20.2 pour résoudre le problème.
:::

Lancez votre application :

```bash
yarn start
```

:::info
Ouvrez `http://localhost:3333` pour vérifier votre application. Si vous ne voyez aucune erreur mais un écran blanc, vous devez encore ajuster la configuration de l'application avant que les panneaux apparaissent. L'écran blanc signifie que votre application est bien démarrée et fonctionnelle.
:::

### Connecter un dépôt git à la platform (optionnel)

Pour lier un dépôt git à la platform, veuillez suivre ce [guide](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/app-services-apps-git-integration.md)

:::info
Maintenant que vous avez appris à créer et lancer votre application, il est temps d'en comprendre l'architecture.
:::

[Comprendre l'architecture de l'application et les fichiers de configuration](https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-config.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/).