WeWeb a Xano vs. Bubble: na čom postaviť no-code aplikáciu

Prečo porovnávame tieto dva prístupy?

Väčšinu prvých aplikácií pre klientov sme postavili v Bubble.io. Keď boli projekty zložitejšie, potrebovali sme väčšiu kontrolu nad frontendom aj backendom. Na backend sme už používali Xano a na rozhranie sme si vybrali WeWeb.

WeWeb a Xano dnes vyhovujú väčšine našich klientskych projektov. Bubble sa stále hodí na jednoduchšie aplikácie a pre tímy, ktoré chcú mať všetko v jednom nástroji.

All-in-one vs. oddelený frontend a backend

Zhrnutie: Oddelený frontend a backend je lepší pre aplikácie, ktoré potrebujú zložitejšie funkcie a škálovateľnosť. All-in-one riešenie sa hodí na jednoduchšie nástroje a pre tvorcov aplikácií bez technického zázemia.

Bubble.io spája frontend aj backend v jednej platforme. Pri WeWebe a Xano staviate rozhranie a backendovú logiku v samostatných nástrojoch.

Aké sú hlavné výhody oddelených nástrojov?

Kontrola: Nad funkciami aplikácie máte väčšiu kontrolu.
Žiadny vendor lock-in: Na dodávateľa nie je naviazaná celá aplikácia (môžete vymeniť len frontend alebo len backend a nemusíte prerábať všetko).
Výkon: Samostatný backend má zvyčajne vyšší výkon (či už je to Xano, alebo alternatívy ako Buildship či Fastgen).

Aké sú výhody all-in-one nástroja?

Jednoduchosť: Aplikácie sa stavajú jednoduchšie a rýchlejšie, lebo frontend a backend sú už „prepojené“.
Cena: Platíte len za jednu vývojovú platformu.
Správa verzií: Jednotlivé prostredia aplikácie sa pre backend aj frontend synchronizujú automaticky.

Ako sme porovnávali Bubble a WeWeb + Xano?

Pozreli sme sa na všetko, čo riešime na väčšine projektov: stavbu UI, časť biznis logiky na frontende, správu databázy, výkon a cenu. A tiež na veci, ktoré sú dôležité len v niektorých prípadoch (napríklad súlad s HIPAA alebo GDPR).

UI editor: stavba frontendu

Zhrnutie: Práca vo WeWebe má oveľa bližšie k tradičnému vývoju, pričom používate vizuálny editor. S editorom Bubble sa pracuje ľahšie, hlavne ak nemáte technické zázemie.

Komponenty

WeWeb: Opakovane použiteľné prvky staviate ako komponenty, ktoré použijete v celej aplikácii alebo zdieľate medzi projektmi. Komponentom nastavíte vlastnosti (properties), lokálne premenné, workflowy, vzorce a triggery. Tak si vytvoríte spoločnú knižnicu komponentov.
Bubble: Používa „re-usable components“. Nedávno pribudli „properties“ na odovzdávanie dát, čo je zlepšenie. Pri práci s „vonkajšími prvkami“ má však stále isté obmedzenia.

Štýly/triedy/design systém

WeWeb: Používa obdobu CSS tried. Môžete si definovať farebné schémy, typografiu či rozostupy a na jeden prvok použiť viac tried naraz.
Bubble: Používa „styles“ (vizuálne varianty). Nevýhodou je, že štýly sa nedajú kombinovať. Na jeden prvok môžete použiť len jeden štýl.

Responzivita

WeWeb: Pracuje s breakpointmi (podobne ako Webflow). Responzivita sa tak nastavuje ľahšie, aj keď hodnoty breakpointov sú zatiaľ pevne dané.
Bubble: Používa podmienenú logiku (napr. ak je veľkosť obrazovky < X, zmeň písmo). Pri konkrétnych hodnotách je to flexibilné, ale každú treba nastaviť zvlášť. Niektoré vlastnosti sa navyše podmienkou meniť nedajú, takže pre mobil musíte prvky duplikovať.

Workflowy a biznis logika na frontende

Zhrnutie: Frontendové workflowy vo WeWebe sú vizuálne prehľadnejšie, Bubble má zase viac preddefinovaných akcií.

WeWeb: Zložité workflowy staviate ako diagramy, ktoré sú vizuálne prehľadnejšie a ľahšie sa im rozumie.
Bubble: Hneď v základe ponúka viac hotových akcií, ale zo zložitej biznis logiky sa v ňom ľahko stane „chaos“, ktorý sa ťažko spravuje.

Správa databázy

Zhrnutie: V Xano máte viac kontroly, v Bubble sa však databáza spravuje ľahšie.

Xano: Plná správa PostgreSQL. Má databázové triggery, vlastné indexy a rozhranie podobné Excelu. Napodobňuje logiku tradičného SQL.
Bubble: Vyžaduje menej nastavovania databázy, čo môže pomôcť používateľom bez technických skúseností. Podporuje databázové triggery, ale nemáte kontrolu nad indexmi, ktorými by ste optimalizovali dopyty.

Vlastný kód

Zhrnutie: Vlastný kód pôsobí vo WeWebe a Xano oveľa prirodzenejšie ako v Bubble.

WeWeb: Jednoducho v ňom napíšete opakovane použiteľné funkcie v čistom JavaScripte alebo naimportujete Vue.js komponenty z GitHubu.
Xano: Na zložité transformácie dát môžete použiť JavaScriptové „lambda funkcie“.
Bubble: Na spúšťanie čistého JS potrebujete externé pluginy a kód sa v aplikácii často nedá ľahko použiť znova. Môžete však vytvárať vlastné pluginy pre marketplace.

Export kódu

Zhrnutie: WeWeb umožňuje export kódu, Xano ani Bubble nie.

WeWeb: Vue.js aplikáciu môžete vyexportovať a hostovať sami (potrebujete na to ročné predplatné).
Xano: Kód sa exportovať nedá, ale v plánoch Enterprise ponúka hosting on-premise alebo v privátnom cloude.
Bubble: Kód neexportujete a aplikáciu si ani nehostujete sami (na hosting v konkrétnom regióne ponúka dedikované inštancie).

Výkon backendu

Zhrnutie: Z Xano vytiahnete viac výkonu, ak ho viete optimalizovať. Bubble je jednoduchší, ale pri optimalizácii na veľkú záťaž menej flexibilný.

Xano: Ponúka nástroje ako databázové indexy a cachovanie odpovedí. Dopyty vďaka nim zostanú rýchle aj pri veľkom množstve dát alebo keď aplikáciu naraz používa veľa ľudí.
Bubble: Dopyty rieši sám, „out of the box“. Nemusí byť pomalý, ale chýbajú mu pokročilé nástroje na optimalizáciu a cachovanie pre stránky s extrémne nízkou latenciou.

Bezpečnosť

Zhrnutie: Bubble má výborné vstavané pravidlá ochrany súkromia, Xano má viac certifikácií na úrovni enterprise.

Xano: Má certifikácie GDPR, SOC2, HIPAA, ISO 27001, 27701 a 9001. Autentifikácia používa JWE tokeny. Zabezpečenie na úrovni riadkov a stĺpcov musíte nastaviť ručne.
Bubble: Má certifikáciu SOC 2 a spĺňa GDPR (so zmluvou o spracúvaní osobných údajov, DPA). Cez „Privacy Rules“ nastavíte zabezpečenie na úrovni riadkov a stĺpcov.

Komunita a marketplace

Zhrnutie: Bubble má najväčšiu komunitu aj marketplace. WeWeb a Xano rastú, ale sú menšie.

WeWeb: Marketplace s komponentmi a pluginmi je v roadmape. Komunita je menšia, ale veľmi ochotná.
Xano: Má marketplace so snippetmi, vyhľadávanie v ňom je však zatiaľ obmedzené.
Bubble: Veľká komunita a tisíce pluginov. Riešenia aj ďalších vývojárov preto nájdete oveľa ľahšie.

Cena

Zhrnutie: Všetky platformy majú bezplatnú verziu na testovanie, na produkciu však potrebujete platený plán.

WeWeb: Plány Starter, Scale a Enterprise (podľa návštev a funkcií).
Xano: Plány Launch a Scale (podľa výkonu/CPU) a Enterprise.
Bubble: 4 plány, ktoré sa odvíjajú hlavne od Workload Units (WU).

Zhrnutie

Oba prístupy majú svoje miesto. Bubble vyhovuje tvorcom, ktorí chcú frontend aj backend v jednom nástroji. WeWeb + Xano sa viac hodí na zložité projekty, pri ktorých potrebujete detailnú kontrolu nad výkonom a funkciami.

V QikBuilde používame na klientske projekty hlavne WeWeb a Xano, lebo bývajú zložité. Bubble sa stále hodí na projekty, ktorým stačí jeho jednoduchšie nastavenie.