From 9da87a9c4d0cc9b0bf2d4086c2ca6450d956cb0a Mon Sep 17 00:00:00 2001 From: fabienOVH Date: Fri, 13 Jun 2025 11:23:58 +0200 Subject: [PATCH 1/4] prepare project --- .../import-lovable-website-on-vps/guide.fr-fr.md | 0 .../import-lovable-website-on-vps/meta.yaml | 2 ++ 2 files changed, 2 insertions(+) create mode 100644 pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md create mode 100644 pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/meta.yaml diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md new file mode 100644 index 00000000000..e69de29bb2d diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/meta.yaml b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/meta.yaml new file mode 100644 index 00000000000..f5712dbf118 --- /dev/null +++ b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/meta.yaml @@ -0,0 +1,2 @@ +id: 2efa49f8-265f-4e0c-983f-41ace4e42425 +full_slug: vps-import-lovable-website-on-vps \ No newline at end of file From 68ee99189c8f97b104646e190b0c4e137d9d9a62 Mon Sep 17 00:00:00 2001 From: fabienOVH Date: Fri, 13 Jun 2025 18:05:42 +0200 Subject: [PATCH 2/4] Avancement guide --- .../guide.fr-fr.md | 128 ++++++++++++++++++ .../images/synch_project_github_button.png | Bin 0 -> 15838 bytes 2 files changed, 128 insertions(+) create mode 100644 pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/images/synch_project_github_button.png diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md index e69de29bb2d..9d665ac63ac 100644 --- a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md +++ b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md @@ -0,0 +1,128 @@ +--- +title: "Importer un site Lovable.dev sur un VPS OVHcloud" +excerpt: "Apprenez comment héberger un site généré par Lovable.dev sur votre VPS OVHcloud" +updated: 2025-06-16 +--- + +## Objectif + +[Lovable.dev](https://lovable.dev) est un outils qui permet de générer des sites web à partir de prompts. Ce guide vous explique comment importer et publier un site web généré via Lovable sur un **hébergement mutualisé OVHcloud**. + +## Prérequis + +- Disposer d'une offre [VPS OVHcloud](https://www.ovhcloud.com/fr/vps/) +- Disposer d'un accès administrateur (sudo) via SSH à votre serveur +- Posséder un compte sur [Lovable.dev](https://lovable.dev) + +## En pratique + +### Étape 1 : Générer votre site web sur Lovable.dev + +1. Rendez-vous sur [https://lovable.dev](https://lovable.dev). +2. Créez un compte si ce n'est pas déjà fait. +3. Entrez votre prompt pour générer votre site web. + +### Étape 2 : Exporter votre site web via GitHub et récupérez-le + +Une fois votre site web généré par Lovable, exportez-le via GitHub. Dans l'interface principale de Lovable.dev, cliquez en haut à droite sur l'icône de Github (`Sync your project to GitHub`). + +![hosting](images/synch_project_github_button.png){.thumbnail} + +Pour connecter votre compte Lovable à GitHub, suivez la documentation officielle de [Lovable.dev](https://lovable.dev/integrations/github). + +Une fois le processus terminé, un nouveau dépôt contenant le code de votre site web est présent dans votre compte GitHub. + +Depuis le dépôt GitHub contenant le code de votre site web, effectuez les actions suivantes : + +- Cliquez sur `Code`{.action} puis sur `Download ZIP`{.action} +- Cela télécharge un fichier `.zip` contenant votre projet +- Décompressez-le. + +### Étape 3 : Envoyer l’archive sur le VPS + +Dans votre terminal (à l’emplacement où se trouve le fichier .zip), utilisez cette commande : + +```bash +scp mon_site.zip @:~ +``` + +Remplacez : + +- `mon_site.zip` par le nom du fichier téléchargé depuis lovable +- `` par votre nom d'utilisateur root (ex: debian, root, etc.) +- `` par l'adresse IP publique ou le nom DNS de votre VPS + +`~` fait référence au dossier personnel de l'utilisateur. + +### Étape 4 : Installer Node.js et les outils nécessaires + +Connectez-vous en SSH à votre VPS : + +```bash +ssh @ +``` + +Pour construire un site web Lovable, vous devez compiler le projet React en version optimisée à l’aide de la commande `npm run build`. Pour cela, il vous faut les éléments suivants sur le VPS : + +- `Node.js` : L’environnement JavaScript nécessaire à l’exécution de React. +- `npm` : Le gestionnaire de paquets JavaScript qui installe les dépendances du projet. +- `curl` : Permet de télécharger le script d’installation de Node.js. +- `unzip` : Sert à extraire l’archive `.zip` du site exporté depuis Lovable. + +Exécutez ces commandes : + +```bash +sudo apt update +sudo apt install curl unzip -y +curl -fsSL https://deb.nodesource.com/setup_18.x | sudo bash - +sudo apt install -y nodejs +``` + +Vérifiez l'installation : + +```bash +node -v +npm -v +``` + +### Étape 5 : Décompresser et builder votre site web + +Décompressez l'archive `.zip` dans un dossier de destination (ex: `lovable-src`): + +```bash +unzip mon_site.zip -d lovable-src +``` + +Entrez dans le dossier de destination : + +```bash +cd lovable-src/mon_site +``` + +Installez les dépendances nécessaires : + +```bash +npm install +``` + +Cela va installer toutes les bibliothèques React/Lovable définies dans le fichier package.json. + +Générez les fichiers optimisés (build de production) : + +```bash +npm run build +``` + +Cela crée un dossier `dist/` contenant les fichiers HTML, CSS et JS minifiés. + +### Étape 6 : Déployer le site avec NGINX + +Créez le dossier public : + +```bash +sudo mkdir -p /var/www/lovable +sudo cp -r dist/* /var/www/lovable/ +``` + +### Étape 7 : Installer et configurer NGINX + diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/images/synch_project_github_button.png b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/images/synch_project_github_button.png new file mode 100644 index 0000000000000000000000000000000000000000..08e050dc2456085949d8e6857596e27e94791cf3 GIT binary patch literal 15838 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 literal 0 HcmV?d00001 From e4b25012f84c1b5faee3f4eb6df753e7bd9bde32 Mon Sep 17 00:00:00 2001 From: fabienOVH Date: Mon, 16 Jun 2025 17:28:47 +0200 Subject: [PATCH 3/4] guide fr --- .../guide.fr-fr.md | 120 ++++++++++++++++-- 1 file changed, 108 insertions(+), 12 deletions(-) diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md index 9d665ac63ac..3733c90e4d2 100644 --- a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md +++ b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md @@ -1,12 +1,12 @@ --- -title: "Importer un site Lovable.dev sur un VPS OVHcloud" -excerpt: "Apprenez comment héberger un site généré par Lovable.dev sur votre VPS OVHcloud" -updated: 2025-06-16 +title: "Créer et importer un site web Lovable.dev sur un VPS OVHcloud" +excerpt: "Apprenez comment héberger un site web généré par Lovable.dev sur votre VPS OVHcloud" +updated: 2025-06-17 --- ## Objectif -[Lovable.dev](https://lovable.dev) est un outils qui permet de générer des sites web à partir de prompts. Ce guide vous explique comment importer et publier un site web généré via Lovable sur un **hébergement mutualisé OVHcloud**. +[Lovable.dev](https://lovable.dev) est un outil qui permet de générer des sites web à partir de prompts. Ce guide vous explique comment importer et publier un site web généré via Lovable sur un **hébergement mutualisé OVHcloud**. ## Prérequis @@ -16,13 +16,26 @@ updated: 2025-06-16 ## En pratique -### Étape 1 : Générer votre site web sur Lovable.dev +### Sommaire + +- [Étape 1 : Générer votre site web sur Lovable.dev](#step1) +- [Étape 2 : Exporter votre site web via GitHub et le récupérer](#step2) +- [Étape 3 : Envoyer l’archive sur le VPS ](#step3) +- [Étape 4 : Installer Node.js et les outils nécessaires](#step4) +- [Étape 5 : Décompresser et builder votre site web](#step5) +- [Étape 6 : Déployer votre site web](#step6) +- [Étape 7 : Installer et configurer le serveur web](#step7) +- [Étape 8 : Accéder à votre site web](#step8) +- [Conclusion](#conclusion) +- [Aller plus loin](#go-further) + +### Étape 1 : Générer votre site web sur Lovable.dev 1. Rendez-vous sur [https://lovable.dev](https://lovable.dev). 2. Créez un compte si ce n'est pas déjà fait. 3. Entrez votre prompt pour générer votre site web. -### Étape 2 : Exporter votre site web via GitHub et récupérez-le +### Étape 2 : Exporter votre site web via GitHub et le récupérer Une fois votre site web généré par Lovable, exportez-le via GitHub. Dans l'interface principale de Lovable.dev, cliquez en haut à droite sur l'icône de Github (`Sync your project to GitHub`). @@ -32,13 +45,13 @@ Pour connecter votre compte Lovable à GitHub, suivez la documentation officiell Une fois le processus terminé, un nouveau dépôt contenant le code de votre site web est présent dans votre compte GitHub. -Depuis le dépôt GitHub contenant le code de votre site web, effectuez les actions suivantes : +Depuis ce dépôt GitHub, effectuez les actions suivantes : - Cliquez sur `Code`{.action} puis sur `Download ZIP`{.action} - Cela télécharge un fichier `.zip` contenant votre projet - Décompressez-le. -### Étape 3 : Envoyer l’archive sur le VPS +### Étape 3 : Envoyer l’archive sur le VPS Dans votre terminal (à l’emplacement où se trouve le fichier .zip), utilisez cette commande : @@ -54,7 +67,7 @@ Remplacez : `~` fait référence au dossier personnel de l'utilisateur. -### Étape 4 : Installer Node.js et les outils nécessaires +### Étape 4 : Installer Node.js et les outils nécessaires Connectez-vous en SSH à votre VPS : @@ -85,7 +98,7 @@ node -v npm -v ``` -### Étape 5 : Décompresser et builder votre site web +### Étape 5 : Décompresser et builder votre site web Décompressez l'archive `.zip` dans un dossier de destination (ex: `lovable-src`): @@ -115,7 +128,7 @@ npm run build Cela crée un dossier `dist/` contenant les fichiers HTML, CSS et JS minifiés. -### Étape 6 : Déployer le site avec NGINX +### Étape 6 : Déployer votre site web Créez le dossier public : @@ -124,5 +137,88 @@ sudo mkdir -p /var/www/lovable sudo cp -r dist/* /var/www/lovable/ ``` -### Étape 7 : Installer et configurer NGINX +### Étape 7 : Installer et configurer le serveur web + +> [!primary] +> +> Pour ce guide, nous choisissons Nginx mais vous êtes libre d'installer le serveur web de votre choix. +> + +Installez NGINX : + +```bash +sudo apt install nginx -y +``` + +Créez un fichier de configuration pour votre site : + +```bash +sudo nano /etc/nginx/sites-available/lovable +``` + +Collez le contenu suivant, en remplaçant adresse_du_vps par l'adresse IP de votre VPS ou votre nom de domaine : + +```console +server { + listen 80; + server_name IP_VPS; + + root /var/www/lovable; + index index.html; + + location / { + try_files $uri /index.html; + } +} +``` + +Remplacez `IP_VPS` par l'adresse IP de votre VPS ou votre nom de domaine. + +Activez cette configuration : + +```bash +sudo ln -s /etc/nginx/sites-available/lovable /etc/nginx/sites-enabled/ +sudo nginx -t +``` + +Redémarrez NGINX pour appliquer la configuration : + +```bash +sudo systemctl start nginx +``` + +Si le service est déjà actif, utilisez plutôt : + +```bash +sudo systemctl reload nginx +``` + +### Étape 8 : Accéder à votre site web + +Dans votre navigateur, entrez : + +```console +http://IP_VPS +``` + +ou : + +```console +http://NOM_DE_DOMAINE +``` + +Votre site web Lovable s'affiche. + +### Conclusion + +En quelques minutes, vous avez créé votre site web avec Lovable, puis l’avez mis en ligne sur votre VPS OVHcloud. Si vous souhaitez le sécuriser avec HTTPS, suivez notre guide « [Comment installer un certificat SSL sur un VPS](/pages/bare_metal_cloud/virtual_private_servers/install-ssl-certificate) ». + +## Aller plus loin + +[Installer un environnement de développement web sur un VPS](/pages/bare_metal_cloud/virtual_private_servers/install_env_web_dev_on_vps) + +[Sécuriser un VPS](/pages/bare_metal_cloud/virtual_private_servers/secure_your_vps) + +Pour des prestations spécialisées (référencement, développement, etc), contactez les [partenaires OVHcloud](https://partner.ovhcloud.com/fr-ca/directory/) +Échangez avec notre [communauté d'utilisateurs](/links/community). \ No newline at end of file From d3aaa27fae95c3af6be8888dcbf9d4b187a5f0b0 Mon Sep 17 00:00:00 2001 From: fabienOVH Date: Mon, 16 Jun 2025 17:51:03 +0200 Subject: [PATCH 4/4] minor update --- .../import-lovable-website-on-vps/guide.fr-fr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md index 3733c90e4d2..856ab8baced 100644 --- a/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md +++ b/pages/bare_metal_cloud/virtual_private_servers/import-lovable-website-on-vps/guide.fr-fr.md @@ -118,7 +118,7 @@ Installez les dépendances nécessaires : npm install ``` -Cela va installer toutes les bibliothèques React/Lovable définies dans le fichier package.json. +Cela va installer toutes les bibliothèques React/Lovable définies dans le fichier `package.json`. Générez les fichiers optimisés (build de production) :