Intégrer WeWeb + Supabase
WeWeb et Supabase forment une combinaison puissante dans l'écosystème no-code. App Studio a configuré cette intégration pour des dizaines de clients, voici notre guide complet pour la mettre en place rapidement et correctement.
Pourquoi WeWeb + Supabase ?
WeWeb est un constructeur frontend uniquement qui a besoin d'un backend, et Supabase en est le meilleur choix. Contrairement aux outils tout-en-un, ce stack garde vos données portables dans une vraie base PostgreSQL, monte en charge jusqu'à des millions de lignes sans pic de coût, et permet d'utiliser toute la puissance de SQL. Ensemble, ils couvrent l'architecture SaaS complète : authentification, données, stockage, mises à jour temps réel, et fonctions edge.
Configurer l'intégration
Dans WeWeb, allez dans Plugins → Supabase et collez l'URL de votre projet Supabase et la clé anon. Le plugin Supabase natif de WeWeb génère automatiquement des collections à partir de vos tables. Activez le row-level security sur chaque table dans Supabase avant de connecter, cela garantit que les utilisateurs n'accèdent qu'à leurs propres données même via la clé anon publique. Pour les opérations d'écriture, utilisez le système d'action intégré de WeWeb pour appeler les méthodes insert, update, et delete de Supabase. Le plugin Supabase de WeWeb gère le cycle de vie complet de l'authentification : inscription, confirmation d'email, magic links, OAuth (Google, GitHub, etc.), et persistance de session. À la connexion, Supabase renvoie un JWT que WeWeb stocke dans le stockage local et envoie avec chaque requête API. Vos policies RLS évaluent ce JWT pour appliquer l'isolation des données par utilisateur. Pour un accès basé sur les rôles, ajoutez une table profiles avec une colonne role et référencez-la dans vos policies RLS.
Cas d'usage concrets
Ce stack propulse des tableaux de bord SaaS, des portails clients, des outils internes, et des marketplaces. Un schéma typique : Supabase gère le modèle de données et l'authentification, WeWeb affiche des listes et formulaires dynamiques, et les fonctions edge Supabase gèrent la logique backend comme l'envoi d'emails ou le traitement des paiements. Les équipes d'App Studio ont livré des applications en production pour plus de 10 000 utilisateurs sur ce stack en moins de 6 semaines.
Bonnes pratiques
N'exposez jamais votre clé service_role dans WeWeb, utilisez la clé anon et appuyez-vous sur le RLS. Activez toujours le RLS avant de connecter ; l'oublier signifie que n'importe quel utilisateur authentifié peut lire toutes les lignes. Attention aux requêtes N+1 lors du chargement d'enregistrements liés : utilisez la syntaxe de table étrangère de Supabase (select *, profiles(*)) pour récupérer les données liées en une seule requête. Activez aussi le temps réel uniquement sur les tables qui en ont besoin, diffuser toutes les tables gaspille de la bande passante.
- SaaS dashboards
- Client portals
- Internal tools
- Marketplaces
- Membership apps
Besoin d'aide pour cette intégration ?
App Studio configure ces intégrations pour vous. Devis gratuit sous 48h.