# Créer un site ou une application avec l’IA (Claude, Codex, Gemini) et le mettre en ligne au Maroc

Claude, Codex, Gemini : créez votre site ou application avec l’IA, puis publiez-le sur un hébergement cPanel au Maroc avec jeton API, SSH ou Git et un domaine .ma.

Source: https://www.capconnect.com/blog/creer-site-web-application-avec-ia/

« Décrivez ce que vous voulez, l’IA écrit le code. » Avec [Claude](https://www.anthropic.com/claude) d’Anthropic, [Codex](https://openai.com/codex/) d’OpenAI, [Gemini](https://gemini.google.com/) de Google ou d’autres outils, il est désormais possible de créer un site web ou une application en quelques heures. C’est ce que l’on appelle le **vibe coding**.

Mais une fois le code généré, il reste l’étape que l’IA ne fait pas seule : **le mettre en ligne**, avec un hébergement fiable, un nom de domaine et un certificat SSL. Ce guide vous montre comment publier un site ou une application créés avec l’IA chez Cap Connect, y compris en laissant votre IA se connecter à cPanel avec un jeton API.

## Créer un site ou une application avec l’IA : ce qui change vraiment

Les assistants d’IA fonctionnent de deux façons. Dans un **chat**, vous décrivez votre projet et l’IA vous renvoie des fichiers à copier. Avec un **agent de code** (Claude Code, Codex, Gemini CLI ou un éditeur comme Cursor), l’IA lit votre dossier, modifie les fichiers et lance des commandes à votre place.

Selon votre demande, vous obtenez par exemple :

- un **site statique** (HTML, CSS, JavaScript) ou un site compilé avec Vite, Astro ou React ;

- un site ou une boutique **WordPress**, un thème ou une extension ;

- une application **PHP**, **Node.js** (Express, Next.js) ou **Python** (Flask, Django, FastAPI).

L’IA accélère la création, mais vous restez responsable du résultat : relisez le code, testez sur mobile et gardez vos clés secrètes hors du projet.

## Quel hébergement choisir pour un site ou une application créés avec l’IA ?

Le bon hébergement dépend de ce que l’IA a produit :

- **Site vitrine, blog, site statique ou WordPress** : choisissez l’[hébergement web cPanel](https://www.capconnect.com/hebergement-web), dès 10 dhs HT par mois (120 dhs HT par an). Il inclut un certificat SSL gratuit, des sauvegardes quotidiennes et l’accès SSH. Pour WordPress, l’[hébergement WordPress](https://www.capconnect.com/hebergement-wordpress) ajoute WP Toolkit et LiteSpeed Cache.

- **Application Node.js, Python ou PHP** : choisissez l’[hébergement Apps](https://www.capconnect.com/hebergement-apps), dès 59 dhs HT par mois la première année (facturation annuelle). Il propose cPanel, SSH, Git, Cron, NVMe et LiteSpeed.

- **Docker, accès root, tâches permanentes ou WebSocket** : un [serveur VPS](https://www.capconnect.com/serveurs-vps) est plus adapté.

Avant de commander, vérifiez les versions de Node.js ou de Python et les dépendances de votre projet. En cas de doute, notre équipe peut les contrôler avec vous.

## Publier votre projet sur cPanel : trois méthodes

### 1. Le Gestionnaire de fichiers (le plus simple)

Demandez à l’IA de produire le site final (dossier `dist` ou `build`), compressez-le en ZIP, puis déposez-le dans `public_html` depuis le Gestionnaire de fichiers de cPanel et extrayez-le. Cette méthode convient aux sites statiques.

### 2. SSH et Git (pour les applications)

Connectez-vous en SSH, clonez votre dépôt Git, installez les dépendances, puis déclarez l’application dans le sélecteur Node.js ou Python de cPanel. Votre agent de code peut écrire et lancer ces commandes pour vous. C’est la méthode idéale pour mettre à jour l’application à chaque évolution.

### 3. Le jeton API cPanel (laisser l’IA publier à votre place)

cPanel permet de créer un **jeton API** : une clé qui autorise un programme à agir sur votre compte, sans mot de passe. Votre agent de code peut alors envoyer les fichiers directement sur l’hébergement.

## Connecter l’IA à cPanel avec un jeton API : mode d’emploi

- **Créez le jeton.** Dans cPanel, ouvrez la section Sécurité puis « Gérer les jetons API » (si l’option est activée sur votre compte). Donnez-lui un nom clair, définissez une date d’expiration courte et copiez-le : il ne s’affiche qu’une seule fois.

- **Rangez-le en lieu sûr.** Stockez-le dans une variable d’environnement ou un fichier `.env` exclu de Git. Ne le collez jamais dans une conversation avec une IA en ligne ni dans votre code.

- **Appelez l’API cPanel (UAPI).** Voici un exemple indicatif d’envoi d’un fichier ; adaptez l’adresse de votre cPanel et le chemin à votre compte :

```
curl -H "Authorization: cpanel VOTRE_UTILISATEUR:$CPANEL_TOKEN" \
  -F "dir=/home/VOTRE_UTILISATEUR/public_html" \
  -F "file-1=@dist.zip" \
  "https://ADRESSE_DE_VOTRE_CPANEL:2083/execute/Fileman/upload_files"
```

- **Automatisez.** Demandez à votre agent de code d’écrire un script `deploy.sh` qui lit le jeton dans l’environnement, envoie les fichiers et vérifie que le site répond.

- **Verrouillez.** Faites une sauvegarde avant le premier déploiement, relisez le script avant de l’exécuter, testez d’abord sur un sous-domaine et révoquez le jeton quand vous n’en avez plus besoin.

**À retenir :** un jeton API a les mêmes pouvoirs que votre compte cPanel. Traitez-le comme un mot de passe. Pour plus de détails, consultez la [documentation officielle de cPanel](https://docs.cpanel.net/) ou ouvrez un ticket auprès de notre support.

## Quel nom de domaine pour votre projet : .ma ou .com ?

Votre site a besoin d’une adresse. Pour une audience marocaine, le [nom de domaine .ma](https://www.capconnect.com/nom-de-domaine-ma) inspire confiance, rappelle votre ancrage local et facilite le référencement au Maroc. Il est proposé dès 118 dhs HT par an avec activation instantanée, gestion DNS et redirections.

Pour un public international, un [nom de domaine .com, .net ou .org](https://www.capconnect.com/noms-de-domaine) reste le choix classique, également dès 118 dhs HT par an pour le .com. Vous pouvez aussi enregistrer les deux pour protéger votre marque.

Une fois le domaine enregistré, pointez-le vers votre hébergement : le certificat SSL gratuit permet ensuite de publier le site en HTTPS.

## Pourquoi Cap Connect est prêt pour les projets créés avec l’IA

- **cPanel, SSH, Git et Cron** : tout ce dont un agent de code a besoin pour déployer.

- **Node.js, Python et PHP** sur l’hébergement Apps, avec NVMe et LiteSpeed.

- **SSL gratuit** et **sauvegardes quotidiennes** pour publier sereinement.

- **Migration gratuite d’un compte cPanel**, réalisée sous 24 heures maximum après l’ouverture d’un ticket.

- **Une équipe locale** basée à Tanger, joignable par ticket, et des prix clairs en dirhams.

Vous préférez déléguer ? Cap Connect peut aussi [créer votre site web](https://www.capconnect.com/creation-de-site-web) ou [développer votre application web](https://www.capconnect.com/creation-application-web).

## 7 bonnes pratiques avant de mettre en ligne un site généré par l’IA

- Relisez le code et supprimez les clés, mots de passe et données de test.

- Vérifiez les dépendances : mettez-les à jour et retirez celles que vous n’utilisez pas.

- Testez sur mobile, sur plusieurs navigateurs et avec les formulaires réels.

- Soignez la base du SEO : un titre, un H1, une description et des liens clairs par page.

- Ajoutez vos mentions légales et votre politique de confidentialité.

- Activez le HTTPS et gardez des sauvegardes avant chaque mise à jour.

- Surveillez le site après la mise en ligne : erreurs, vitesse et disponibilité.

## Questions fréquentes

Voici les réponses aux questions les plus posées sur la création d’un site ou d’une application avec l’IA et sur son hébergement au Maroc.

### Peut-on créer un site web avec l’IA sans savoir coder ?
Oui, pour un site vitrine ou une page simple : Claude, Codex ou Gemini peuvent générer le code à partir de votre description. Vous devez tout de même relire le résultat, le tester sur mobile et le publier sur un hébergement. Pour un projet important, faites-vous accompagner.

### Claude, Codex ou Gemini : quelle IA choisir pour créer un site ?
Les trois savent générer du code web. Le meilleur choix dépend de votre projet et de l’outil proposé : chat, éditeur ou agent en ligne de commande. Testez la même demande avec deux outils et gardez celui dont le code est le plus clair. Le résultat se publie sur un hébergement cPanel standard, quel que soit l’outil.

### Où héberger un site ou une application créés avec l’IA au Maroc ?
Utilisez l’ hébergement web cPanel (dès 10 dhs HT par mois) pour un site vitrine, statique ou WordPress, et l’ hébergement Apps (dès 59 dhs HT par mois) pour une application Node.js, Python ou PHP. Un VPS convient si vous avez besoin d’un accès root ou de Docker.

### Comment publier un site généré par l’IA sur cPanel ?
Trois méthodes : déposer le site compressé en ZIP dans public_html avec le Gestionnaire de fichiers, déployer avec SSH et Git, ou envoyer les fichiers par l’API cPanel avec un jeton. Le Gestionnaire de fichiers est le plus simple pour un site statique.

### Qu’est-ce qu’un jeton API cPanel et est-il sûr ?
C’est une clé qui permet à un programme, par exemple votre agent de code, d’agir sur votre compte cPanel sans mot de passe. Il est sûr si vous le traitez comme un mot de passe : expiration courte, stockage hors de Git, jamais collé dans un chat, et révocation après usage.

### Peut-on héberger une application Node.js ou Python créée avec l’IA ?
Oui, si l’application est compatible avec le sélecteur Node.js ou Python de cPanel. L’ hébergement Apps propose SSH, Git et Cron. Vérifiez les versions et les dépendances avant de commander. Pour Docker ou des services permanents, choisissez un VPS.

### Combien coûte l’hébergement d’un site créé avec l’IA au Maroc ?
L’hébergement web démarre à 10 dhs HT par mois (120 dhs HT par an) et l’hébergement Apps à 59 dhs HT par mois la première année, facturés annuellement. Ajoutez un nom de domaine, dès 118 dhs HT par an pour un .ma. Le SSL est gratuit.

### Pourquoi choisir un nom de domaine .ma pour un site créé avec l’IA ?
Un domaine .ma signale un site marocain, inspire confiance aux visiteurs locaux et se prête bien au référencement au Maroc. Il coûte 118 dhs HT par an et s’active instantanément après validation de la commande, sous réserve de disponibilité.

### Le code généré par l’IA est-il sûr ?
Pas automatiquement. Relisez-le, retirez les clés et mots de passe, mettez à jour les dépendances, testez les formulaires et gardez une sauvegarde. L’IA accélère le travail, mais la vérification reste de votre côté.

### Cap Connect peut-il migrer ou créer mon projet ?
Oui. La migration d’un compte cPanel est gratuite et réalisée sous 24 heures maximum après l’ouverture d’un ticket. Pour créer un projet, Cap Connect peut aussi créer votre site web ou développer votre application web .