WeWeb et Supabase : bilan de 2026 et pourquoi vous devriez les essayer

Avant de créer votre application web, il est important de comprendre comment WeWeb et Supabase peuvent fonctionner ensemble pour optimiser votre processus de développement.

WeWeb est un outil qui vous aide à concevoir l’apparence et l’ergonomie de votre site web sans avoir à écrire de code.

Supabase gère les aspects techniques en arrière-plan, tels que le stockage des données et la gestion des comptes utilisateurs.

Utilisés conjointement, ils simplifient le processus de création d’applications web.

En tant qu’agence WeWeb, nous aidons les entreprises à créer des applications web évolutives avec WeWeb et Supabase.

Qu’est-ce que WeWeb ?

WeWeb est un outil qui vous permet de créer l’interface utilisateur de votre logiciel. Vous pouvez concevoir l’apparence et le fonctionnement de votre logiciel à l’aide d’une interface glisser-déposer.

WeWeb vous permet de vous connecter à divers backends, dont Supabase, et vous pouvez choisir celui qui correspond à vos besoins.

Avec WeWeb, vous pouvez créer des workflows pour gérer la logique métier, intégrer des API, utiliser des paquets NPM et ajouter du code personnalisé.

À lire également : WeWeb vs Bubble

Qu’est-ce que Supabase ?

Supabase est une plateforme backend open source qui vous aide à gérer les données et les comptes utilisateurs de votre application. Basée sur PostgreSQL, elle offre une base de données gérée, l’authentification des utilisateurs, la synchronisation des données en temps réel, des API générées automatiquement et des fonctions sans serveur.

Ces fonctionnalités font de Supabase une alternative pratique à d’autres options backend telles que Xano, Bubble, ou la création de votre propre backend à partir de zéro.

Pourquoi associer WeWeb à Supabase ?

L’association de WeWeb et Supabase vous permet de développer efficacement. WeWeb gère l’interface utilisateur front-end, tandis que Supabase gère la base de données, le back-end et l’authentification des utilisateurs. Cette séparation rend le développement plus organisé et la maintenance plus simple.

À lire également : Travailler avec WeWeb et Xano

Connecter Supabase et WeWeb

En supposant que vous ayez déjà défini le schéma de la base de données dans Supabase, il ne vous faudra guère plus de 5 minutes pour connecter Supabase à WeWeb.

• Créez un compte et un projet Supabase.

• Configurez votre base de données et l’authentification dans Supabase.

• Générez des clés API dans Supabase pour l’accès : accédez à la section Paramètres > API dans votre tableau de bord Supabase.

• Copiez l’URL du projet et la clé API publique ; vous en aurez besoin pour connecter WeWeb à Supabase.

• Ajoutez Supabase comme source de données dans WeWeb : connectez-vous à votre compte WeWeb.

• Accédez à la section Plugins et ajoutez le plugin Supabase Data Source.

• Collez l’URL du projet et la clé API publique obtenues dans Supabase lorsque vous y êtes invité.

• Vous pouvez également activer les tableaux en temps réel si vous souhaitez des mises à jour des données en direct.

Pour un guide détaillé, regardez cette vidéo.

Utilisation des données Supabase dans WeWeb

Une fois que vous avez connecté Supabase à WeWeb, vous pouvez utiliser Supabase où vous le souhaitez dans votre application.

• Créez une collection et sélectionnez Supabase comme source de données.
• Ajoutez un élément Grille de données ou Conteneur à votre page WeWeb.
• Liez la collection à cet élément afin qu’il affiche les données provenant de Supabase.
• Personnalisez la mise en page en fonction de vos besoins.

Pour envoyer des données de WeWeb vers Supabase et effectuer des opérations CRUD, vous pouvez créer un workflow et renvoyer les valeurs saisies vers Supabase. Vous n’aurez pas besoin de vous connecter au point de terminaison à partir de zéro, car WeWeb propose des actions intégrées pour les opérations Insert, Select, Update, Delete et Upsert.

En général, vous créez également des fonctions Postgres et des fonctions Edge dans Supabase pour les manipulations de données complexes. Et vous pouvez les déclencher directement depuis WeWeb.

Utilisation de l’authentification Supabase dans WeWeb

L’ajout d’un système d’authentification est simple, car WeWeb a intégré le SDK Supabase.

WeWeb propose des actions d’authentification telles que Inscription, Connexion et Mot de passe oublié, qui fonctionnent dès l’installation. Même l’interface utilisateur est pré-intégrée avec les workflows.

• Dans WeWeb, accédez à Plugins > Authentication et ajoutez le plugin Supabase Auth.
• Saisissez l’URL de votre projet Supabase, votre clé API publique et votre clé API privée.
• Utilisez les éléments d’interface utilisateur pré-intégrés de WeWeb pour les formulaires d’inscription et de connexion.
• Personnalisez les formulaires et configurez des workflows pour gérer les interactions des utilisateurs selon vos besoins.

Mettre en place un contrôle d’accès basé sur les rôles (RBAC)

• Créez une table roles dans Supabase pour définir les rôles des utilisateurs.
• Créez une table de jointure, telle que user_roles, pour associer les utilisateurs à leurs rôles.
• Configurez WeWeb pour qu’il reconnaisse ces rôles et contrôle l’accès aux différentes parties de votre application.

Capacité de traitement des données en temps réel avec Supabase et WeWeb

Supabase offre une synchronisation des données en temps réel, ce qui permet à vos données d’application d’être mises à jour en continu sans rafraîchissements manuels.

Par exemple, dans une application de chat en direct, les messages envoyés par un utilisateur apparaissent instantanément pour les autres.

La synchronisation s’effectue via des connexions WebSocket, garantissant une communication à faible latence.

Pourquoi nous recommandons Supabase avec WeWeb

De nombreux arguments plaident en faveur de Supabase par rapport à Xano.

Transparence open source

La nature open source de Supabase offre transparence et flexibilité, permettant une personnalisation pour répondre aux exigences spécifiques d’un projet.

Code personnalisé

Bien que vous puissiez utiliser les fonctions Lambda dans Xano pour effectuer des opérations qui ne sont pas proposées en natif, Supabase est bien plus flexible en matière d’opérations de code personnalisé.

Tarification

Les tarifs de Supabase sont très abordables. Même la formule gratuite de Supabase peut convenir à certaines petites applications ne nécessitant pas de ressources dédiées. Si vous avez besoin de plus de ressources, vous pouvez toujours passer à une formule supérieure, qui reste abordable. Et si vous souhaitez aller plus loin, vous pouvez même l’héberger sur votre propre serveur.

Dans Xano, en revanche, la formule gratuite est insuffisante pour la plupart des cas d’utilisation. Et vous devrez passer à la formule Scale si vous disposez d’une application en production avec un nombre raisonnable d’utilisateurs. Cependant, la formule gratuite de Supabase est suffisante pour la plupart des utilisateurs tant que le partage du CPU ne vous pose pas de problème.

Représentations vectorielles

Si vous cherchez à intégrer l’IA à votre application et souhaitez exploiter les données de votre application pour offrir une meilleure expérience, vous devrez utiliser les représentations vectorielles. Supabase vous permet d’utiliser OpenAI et Hugging Face pour stocker, indexer et rechercher des vecteurs d’encodage.

Conformité HIPAA et SOC2

Supabase est conforme à la norme SOC2. Ainsi, si l’audit informatique de votre organisation exige la conformité SOC2, seuls quelques outils backend répondront à ces critères.

L’un de nos clients gère des dossiers médicaux sensibles aux États-Unis ; nous devons donc garantir la conformité HIPAA. Supabase propose une mise à niveau optionnelle à cette fin.

Limites de Supabase

Bien que Supabase présente de nombreux avantages, il comporte certaines limites :

Contraintes en matière de ressources

Supabase impose des limites sur diverses ressources. Par exemple, l’allocation de mémoire maximale pour les fonctions Edge est de 256 Mo, et la durée maximale de ces fonctions varie selon le forfait : 150 secondes pour le forfait gratuit et 400 secondes pour les forfaits payants. De plus, la taille maximale d’une fonction après regroupement est de 20 Mo.

Sauvegardes automatiques et branchement

Supabase ne propose pas de branchement ni de sauvegardes automatiques dans son forfait gratuit. Pour la plupart des projets, ces fonctionnalités sont indispensables. Ne serait-ce que pour cette raison, vous devriez envisager de passer à un forfait payant.

Limites de téléchargement de fichiers

Supabase impose des limites de taille de fichier pour les téléchargements vers le stockage. Dans le forfait gratuit, la taille des fichiers ne peut dépasser 50 Mo. Les forfaits payants offrent des limites plus élevées, allant jusqu’à 50 Go, avec des options d’augmentation supplémentaires sur demande.

Restrictions de taille de la base de données

Les projets du forfait gratuit ont une limite de CPU de 500 Mo. Atteindre cette limite rend la base de données en lecture seule jusqu’à ce que vous réduisiez les données ou que vous passiez à un forfait supérieur.

Prise en charge des domaines personnalisés

Supabase ne prend pas en charge nativement les domaines personnalisés pour ses services. Cela signifie que votre projet sera accessible via un sous-domaine Supabase, ce qui peut ne pas correspondre aux exigences de marque de certaines applications.

Mises à niveau optionnelles coûteuses

Si, pour une raison quelconque, la formule Supabase Pro s’avère insuffisante pour votre cas d’utilisation (par exemple, HIPAA, SLA), le passage à la formule Team est considérable : de 25 $/mois à 500 $/mois.

Auto-hébergement avec Supabase

D’une part, l’auto-hébergement vous offre un contrôle total sur votre backend, vous permettant de répondre à toutes les exigences de votre projet. L’auto-hébergement est utile pour développer des applications traitant des données sensibles. Pour les applications à grande échelle, l’auto-hébergement peut permettre de réaliser des économies par rapport aux services gérés.

D’autre part, l’auto-hébergement nécessite une solide compréhension de la gestion des serveurs et de l’administration des bases de données, car vous serez responsable de la mise en place et de la maintenance de l’infrastructure.

Cela implique de disposer de ressources serveur et de prévoir une évolutivité, ce qui nécessite une gestion minutieuse et continue. De plus, les mises à jour régulières, les sauvegardes et la surveillance du système sont essentielles pour maintenir la stabilité et la sécurité, ce qui alourdit les coûts de maintenance.

Avant de décider de l’auto-hébergement, il est crucial d’évaluer les besoins spécifiques de votre projet, les capacités techniques de votre équipe et les ressources disponibles pour gérer et maintenir efficacement l’infrastructure.

Quand envisager l’auto-hébergement

• Besoins de personnalisation : si votre projet nécessite des configurations ou des intégrations spécifiques non prises en charge par les services gérés, l’auto-hébergement offre la flexibilité nécessaire pour les mettre en œuvre.
• Préoccupations relatives à la confidentialité des données : les projets traitant des informations sensibles peuvent bénéficier des contrôles de sécurité renforcés offerts par l’auto-hébergement.
• Charges de travail prévisibles : les applications dont le trafic est régulier et prévisible peuvent tirer parti de l’auto-hébergement pour optimiser efficacement leurs coûts.

Quand les services gérés peuvent être préférables

• Déploiement rapide : les services gérés facilitent une mise en place rapide, vous permettant de vous concentrer sur le développement sans vous soucier de l’infrastructure.
• Ressources techniques limitées : les équipes ne disposant pas d’expertise interne en gestion de serveurs peuvent trouver les services gérés plus pratiques.

Conclusion

La combinaison de Supabase et WeWeb est parfaite pour les développeurs souhaitant explorer les outils low-code. Ils bénéficient à la fois de toute la flexibilité du code personnalisé et de la rapidité et de la facilité d’utilisation des plateformes low-code.

Pour les équipes sans expérience technique, en particulier sans expérience en backend, Xano est un meilleur choix que Supabase.

Si vous recherchez des conseils d’experts, l’agence WeWeb aide les entreprises à créer et à faire évoluer leurs applications web de manière efficace.

À lire également : Travailler avec WeWeb et Xano