---
title: "Develop your own application"
description: "In this advanced step-by-step guide, you will learn how to make your own custom application components, whether charts and dynamic filters"
url: https://docs.ovhcloud.com/en/guides/public-cloud/data-platform/tutorials-app-development
lang: en
lastUpdated: 2026-09-14
---
> For AI agents: the complete documentation index is available at https://docs.ovhcloud.com/en/llms.txt, the full documentation bundle is available at https://docs.ovhcloud.com/en/llms-full.txt.

# Develop your own application

## Objective

In this advanced step-by-step guide, you will learn how to make your own custom application components, whether charts and dynamic filters, customize them, embed them in the platform and much more.

Here, you will continue the development of the application you created in the [first part of the Getting Started Guide](https://docs.ovhcloud.com/en/guides/public-cloud/data-platform/landing-page-getting-started.md).

The goal? Provide you with all the tools to create custom code based off the API references & boilerplates provided.

:::warning
This is an advanced guide aimed at developers, front-end engineers, or application architects. We recommend being familiar with basic front-end development concepts.
:::

Below is a **quick preview of what we will be able to achieve by the end of this guide**. As you can see you'll add a custom map component, more complex filter options & cleaner styling for all other charts.

![alt text](/images/public-cloud/data-platform/getting-further/app-dev/picts/gs-advanced-layout.png)
## Let's get rolling!

👉Here are the steps that you'll need to follow:

[<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"}}>Build</h3> <p>How to build, deploy & manage versions using external code</p> </div></span>](https://docs.ovhcloud.com/en/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"}}>Configure</h3> <p>Understand app architecture and configuration files</p> </div></span>](https://docs.ovhcloud.com/en/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"}}>Customize</h3> <p>Create, edit and customize charts styles using existing components</p> </div></span>](https://docs.ovhcloud.com/en/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"}}>Extend</h3> <p>Add custom components (or extensions) as dynamic parameters and charts</p> </div></span>](https://docs.ovhcloud.com/en/guides/public-cloud/data-platform/tutorials-app-development-custom-components.md)

## Go further

If you need training or technical assistance to implement our solutions, contact your sales representative or click on [this link](https://www.ovhcloud.com/en-gb/professional-services/) to get a quote and ask our Professional Services experts for a custom analysis of your project.

Ask questions, give your feedback and interact directly with the team building the Data Platform on the dedicated [Discord channel](https://discord.gg/ovhcloud).

If you need support with your OVHcloud services, create a request in our [Help Centre](https://help.ovhcloud.com/csm?id=csm_get_help).

Join our [community of users](https://community.ovhcloud.com/).