> ## Documentation Index
> Fetch the complete documentation index at: https://docs.squarecloud.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Comment héberger votre site web/API sur Square Cloud

> Guide complet pour héberger des sites web et des APIs sur Square Cloud en utilisant le fichier de configuration squarecloud.app avec une implémentation professionnelle.

## Introduction

Pour héberger des sites web et des APIs sur Square Cloud, il est essentiel de suivre les procédures de configuration appropriées et de satisfaire aux prérequis techniques nécessaires. Ce guide complet présentera l'intégralité du processus d'implémentation professionnelle.

### Prérequis techniques

* **Compte Square Cloud** : Créez votre compte via la [page d'inscription](https://squarecloud.app/fr/signup), en utilisant votre adresse e-mail pour l'enregistrement.
* **Plan payant actif** : Il est nécessaire d'avoir un plan payant pour garantir des ressources adéquates et des performances optimisées. Consultez nos [plans disponibles](https://squarecloud.app/fr/pricing) et choisissez le plus adapté à vos besoins.

## Fichier de configuration Square Cloud

<Card title="À découvrir : comment créer le fichier de configuration pour Square Cloud." icon="link" href="https://docs.squarecloud.app/fr/getting-started/config-file">
  Le fichier squarecloud.app est un fichier de configuration essentiel qui sera utilisé pour configurer votre application sur Square Cloud. Il définit le nom, la description, la version, le fichier principal, entre autres configurations fondamentales.
</Card>

### Paramètres essentiels pour les sites web

Le **port du site web** doit être configuré sur **80**. Pour les sites web statiques, il n'est pas nécessaire de définir le paramètre `START`.

**Principaux paramètres du fichier de configuration squarecloud.app :**

* `SUBDOMAIN` : Pour l'hébergement d'un site web, définissez ce paramètre avec le sous-domaine désiré.
* `START` : Commande de démarrage personnalisée (lorsque nécessaire).

<Note>L'URL du site web sera : `my-subdomain-parameter`.squareweb.app</Note>

### Exemples de configuration

**Exemple 1 : Site web statique sans commande de démarrage personnalisée**

```systemd theme={null}
MAIN=index.html
MEMORY=512
VERSION=recommended
DISPLAY_NAME=My simple static website!
SUBDOMAIN=mysite-simple-website
```

**Exemple 2 : Site web avec tous les paramètres et une commande de démarrage personnalisée**

```systemd theme={null}
MAIN=index.js
MEMORY=512
VERSION=recommended
DISPLAY_NAME=My simple Next.js website!
SUBDOMAIN=mysite-nextjs-website
START=npm run build && npm run start
```

## Prise en charge de multiples technologies

Square Cloud offre une prise en charge complète de diverses technologies de développement web, offrant une flexibilité dans le choix de la pile technologique la plus adaptée à votre projet.

<CardGroup cols={2}>
  <Card title="React" icon="react" href="https://docs.squarecloud.app/fr/tutorials/website/react">
    Apprenez à héberger votre site web React sur Square Cloud.
  </Card>

  <Card title="Next.js" icon="node-js" href="https://docs.squarecloud.app/fr/tutorials/website/nextjs">
    Apprenez à héberger votre site web Next.js sur Square Cloud.
  </Card>

  <Card title="NestJs" icon="js" href="https://docs.squarecloud.app/fr/tutorials/api/nestjs">
    Apprenez à héberger votre application NestJs sur Square Cloud.
  </Card>

  <Card title="Vite" icon="rocket" href="https://docs.squarecloud.app/fr/tutorials/website/vite">
    Apprenez à héberger votre site web Vite sur Square Cloud.
  </Card>

  <Card title="Vue" icon="vuejs" href="https://docs.squarecloud.app/fr/tutorials/website/vue">
    Apprenez à héberger votre site web Vue sur Square Cloud.
  </Card>

  <Card title="Flask" icon="flask" href="https://docs.squarecloud.app/fr/tutorials/api/flask">
    Apprenez à héberger votre application Flask sur Square Cloud.
  </Card>

  <Card title="Django" icon="python" href="https://docs.squarecloud.app/fr/tutorials/api/django">
    Apprenez à héberger votre application Django sur Square Cloud.
  </Card>

  <Card title="Lavalink" icon="java" href="https://docs.squarecloud.app/fr/tutorials/how-to-create-your-lavalink-server">
    Apprenez à héberger votre serveur Lavalink et à diffuser de la musique de haute qualité vers votre bot Discord.
  </Card>
</CardGroup>

## Considérations finales

En suivant ces directives techniques, vous aurez votre site web ou votre API fonctionnant de manière optimale sur Square Cloud. La plateforme offre une infrastructure robuste et fiable pour garantir que votre application fonctionne avec des performances maximales.

## Contactez-nous

Si vous rencontrez toujours des **difficultés techniques**, notre **équipe de support spécialisée** est disponible pour vous aider. [**Contactez-nous**](https://squarecloud.app/fr/support) et nous serons ravis de vous aider à résoudre tout problème.