Website Builder Webstudio
Webflow verrouille vos sites sur son infrastructure. Vous payez par projet, par siège, et vous ne pouvez pas exporter le code proprement. Webstudio est un builder visuel open source qui génère du HTML/CSS statique. Vos sites, votre code, votre hébergement. France Nuage le fait tourner pour vous, en France.
Pourquoi Webstudio ?
Webstudio donne accès à l'intégralité des propriétés CSS, là où Webflow impose des abstractions. Le résultat : vous contrôlez tout ce qui se passe dans le navigateur.
- CSS complet : toutes les propriétés CSS accessibles, pas de couche d'abstraction entre vous et le navigateur
- Intégrations CMS headless : Strapi, WordPress, Notion, Airtable, Contentful, Sanity, et une dizaine d'autres
- Sites statiques : le builder publie du HTML/CSS/JS pur, servi par Nginx. Pas de runtime lourd côté visiteur
- Pas de lock-in : le code généré vous appartient, exportable à tout moment
- AGPL-3.0 : le code source est auditable, le projet ne peut pas devenir propriétaire
Le schéma ci-dessous montre comment les différents composants s'articulent, du builder jusqu'aux sites publiés :
Comparatif
| Critère | France Nuage | Webflow | Wix | WordPress.com | Framer |
|---|---|---|---|---|---|
| Open source | Oui (AGPLv3) | Non | Non | Partiellement | Non |
| Hébergement souverain | Oui (France) | Non (USA) | Non (USA) | Non (USA) | Non (USA) |
| CSS complet | Oui | Partiel | Non | Via thème | Partiel |
| CMS headless | 15+ intégrations | Propriétaire | Propriétaire | REST API | Non |
| Export HTML/CSS | Oui | Limité | Non | Non | Non |
| Prix par projet | Non | Oui (à partir de $14/mois) | Oui | Oui | Oui |
| Prix par siège | Non | Oui | Non | Non | Oui |
| Sites illimités | Oui | Non | Non | Non | Non |
Ce qui change concrètement
Le code source est sous AGPL-3.0 : vous pouvez l'auditer, le modifier, le redistribuer. Si France Nuage disparaît demain, vous récupérez vos données et réinstallez Webstudio ailleurs. Pas de surprise.
Pas de tarification par projet ni par siège. Vous payez l'infrastructure, point. Le nombre de sites que vous créez dessus ne change rien à la facture.
Les sites publiés sont du HTML/CSS statique servi par Nginx. Le temps de chargement est minimal, il n'y a pas de framework JavaScript côté visiteur, et le SEO s'en porte bien.
Portabilité
- Export HTML/CSS : chaque site publié est un ensemble de fichiers statiques récupérables
- Base PostgreSQL : vos projets sont dans une base standard, exportable via la commande
pg_dump - Stockage S3 : vos assets (images, fichiers) sont dans MinIO, compatible S3, donc migrables vers n'importe quel stockage S3
- AGPL-3.0 : le code reste libre, pas de risque de fermeture propriétaire
France Nuage vs auto-hébergement
Installer Webstudio soi-même demande de gérer 6 services coordonnés. C'est faisable, mais il faut savoir où on met les pieds :
| Aspect | Auto-hébergement | France Nuage |
|---|---|---|
| PostgreSQL | À installer et maintenir | Managé |
| MinIO (stockage S3) | À configurer | Pré-configuré |
| Wildcard DNS | 3 zones à configurer | Configuré |
| Wildcard TLS | Certificats à renouveler | Automatique |
| Nginx (sites publiés) | À configurer | Inclus |
| Sauvegardes | À mettre en place | Automatiques |
| Mises à jour | À surveiller | Appliquées |
| Monitoring 24/7 | À construire | Inclus |
Le vrai point sensible, c'est le wildcard DNS et TLS. Webstudio a besoin de trois zones de nom de domaine avec certificats wildcard : une pour le builder, une pour les previews, une pour les sites publiés. Chez France Nuage, c'est géré d'office, donc pas de tickets à des ops, pas d'intervention manuelle :)
Démarrage rapide
1. Déployer depuis la console
- Rendez-vous sur console.france-nuage.fr
- Créez votre compte ou connectez-vous
- Puis déployez Webstudio depuis le catalogue de services
- Quelques minutes plus tard, le builder est accessible
2. Créer votre premier site
- Ouvrez le builder à l'adresse fournie
- Partez d'un template ou d'une page vide
- Glissez-déposez des composants, puis modifiez les styles directement dans le panneau CSS
- Prévisualisez en temps réel sur le canvas
3. Publier
- Cliquez sur Publish
- Le publisher génère alors les fichiers HTML/CSS/JS statiques
- Nginx sert le site immédiatement sur votre nom de domaine
Aller plus loin
Intégrations CMS headless
Connectez votre source de contenu préférée. Webstudio supporte entre autres Strapi, WordPress, Contentful et Sanity pour du contenu structuré. Pour des données en mode tableur, il y a Notion, Airtable et Baserow. Et pour des backends sur mesure, Supabase, Hygraph ou Directus font l'affaire.
Le contenu est injecté dans les composants visuels via des bindings. Quand le CMS est mis à jour, un re-publish suffit pour mettre le site à jour.
Pages dynamiques
Vous pouvez créer des pages générées à partir de vos données CMS : des pages produit depuis Strapi, des articles de blog depuis WordPress, des fiches depuis Airtable. Chaque entrée du CMS génère une page statique avec son URL propre.
Formulaires
Les formulaires sont intégrés au builder. Les soumissions peuvent être envoyées par webhook vers n'importe quel backend, ou stockées directement dans Webstudio.
Bonnes pratiques
- Structurez vos composants en réutilisables dès le départ, le builder le gère bien
- Utilisez les intégrations CMS pour tout contenu qui change régulièrement
- Publiez sur un nom de domaine personnalisé pour le SEO
- Exportez régulièrement vos données PostgreSQL via
pg_dumpcomme backup supplémentaire - Testez vos pages sur mobile directement dans le builder (le responsive est intégré)