Integrera WeWeb + Supabase
WeWeb och Supabase bildar en kraftfull kombination i no-code-ekosystemet. App Studio har konfigurerat den här integrationen för dussintals kunder, här är vår kompletta guide för att sätta upp den snabbt och korrekt.
Varför WeWeb + Supabase?
WeWeb är en ren frontend-byggare som behöver en backend, och Supabase är den bästa backenden för det. Till skillnad från allt-i-ett-verktyg håller den här stacken er data portabel i en riktig PostgreSQL-databas, skalar till miljontals rader utan kostnadstoppar och låter er använda SQL:s fulla kraft. Tillsammans täcker de hela SaaS-arkitekturen: autentisering, data, lagring, realtidsuppdateringar och edge functions.
Konfigurera integrationen
I WeWeb går ni till Plugins → Supabase och klistrar in er Supabase-projekt-URL och anon-nyckel. WeWebs inbyggda Supabase-plugin genererar automatiskt collections utifrån era tabeller. Aktivera row-level security på varje tabell i Supabase innan ni ansluter, det säkerställer att användare endast kommer åt sin egen data även via den publika anon-nyckeln. För skrivåtgärder använder ni WeWebs inbyggda åtgärdssystem för att anropa Supabases insert-, update- och delete-metoder.
Autentiseringsflöde
WeWebs Supabase-plugin hanterar hela auth-livscykeln: registrering, e-postbekräftelse, magiska länkar, OAuth (Google, GitHub med flera) och sessionspersistens. Vid inloggning returnerar Supabase en JWT som WeWeb lagrar i local storage och skickar med varje API-förfrågan. Era RLS-policyer utvärderar denna JWT för att genomdriva dataisolering per användare. För rollbaserad åtkomst lägger ni till en profiles-tabell med en role-kolumn och refererar till den i era RLS-policyer.
Verkliga användningsfall
Den här stacken driver SaaS-dashboards, kundportaler, interna verktyg och marketplaces. Ett typiskt mönster: Supabase hanterar datamodellen och autentiseringen, WeWeb renderar dynamiska listor och formulär, och Supabase edge functions hanterar backend-logik som att skicka mejl eller behandla betalningar. Team på App Studio har levererat produktionsappar för 10 000+ användare på den här stacken på under 6 veckor.
Vanliga fallgropar
Exponera aldrig er service_role-nyckel i WeWeb, använd anon-nyckeln och förlita er på RLS. Aktivera alltid RLS innan ni ansluter; glömmer ni det kan vilken autentiserad användare som helst läsa alla rader. Se upp för N+1-frågor vid laddning av relaterade poster: använd Supabases syntax för främmande tabeller (select *, profiles(*)) för att hämta relaterad data i en enda förfrågan. Aktivera dessutom realtid endast på de tabeller som behöver det, att sända varje tabell slösar bandbredd.
- SaaS dashboards
- Client portals
- Internal tools
- Marketplaces
- Membership apps
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.