No-code development

Dlaczego: Bez zrozumienia, jak dane przepływają między interfejsem a bazą, Twoja aplikacja będzie niefunkcjonalna.

Jak:

• Frontend: To, co widzi użytkownik (Bubble). Skup się na elementach wizualnych.
• Backend/Baza danych: Miejsce przechowywania informacji (Bubble Data Tab lub Xano).
• Logika/Automatyzacja: Łącznik między systemami (Make/Zapier).

Gotowe, gdy: Potrafisz narysować schemat przepływu danych dla prostego formularza kontaktowego.

Dlaczego: Potrzebujesz dostępu do ekosystemu, aby zacząć praktykę.

Jak:

• Zarejestruj się w Bubble.io (wybierz darmowy plan 'Free' do nauki).
• Załóż konto w Make.com (dawniej Integromat) – oferuje więcej darmowych operacji niż Zapier.
• Załóż konto w Zapier, aby przetestować gotowe integracje 'one-click'.

Gotowe, gdy: Masz aktywne i zweryfikowane konta na wszystkich trzech platformach.

Dlaczego: Make pozwala na tworzenie złożonej logiki z warunkami, co jest tańsze i bardziej elastyczne niż w Zapier.

Jak:

• Stwórz scenariusz: Google Sheets (Trigger: Nowy wiersz) -> Gmail (Action: Wyślij e-mail).
• Użyj modułu Router, aby dodać warunek (np. wyślij e-mail tylko, jeśli pole 'Status' to 'Pilne').
• Przetestuj scenariusz przyciskiem 'Run once'.

Gotowe, gdy: E-mail zostaje wysłany automatycznie po dodaniu danych do arkusza.

Dlaczego: Webhooki to standard komunikacji między aplikacjami w czasie rzeczywistym.

Jak:

• W Make dodaj moduł Custom Webhook.
• Skopiuj wygenerowany adres URL.
• Użyj darmowego narzędzia (np. Webhook.site), aby wysłać testowy pakiet JSON do swojego Webhooka.

Gotowe, gdy: Moduł w Make poprawnie odbiera i parsuje dane testowe.

Dlaczego: Dobra struktura bazy to fundament skalowalności aplikacji.

Jak:

• W zakładce 'Data' stwórz nowy typ: Zadanie.
• Dodaj pola: Tytuł (text), Termin (date), Ukończone (yes/no).
• Stwórz relację: dodaj pole Właściciel typu 'User'.

Gotowe, gdy: Baza danych zawiera co najmniej dwa powiązane ze sobą typy danych.

Dlaczego: Nowy silnik responsywny Bubble (od 2024/2025) opiera się na kontenerach, co zapewnia poprawne wyświetlanie na telefonach.

Jak:

• Ustaw stronę na layout typu Column.
• Używaj Groups z ustawieniem 'Row' dla elementów obok siebie.
• Unikaj 'Fixed width' – stosuj 'Min width' i 'Max width'.

Gotowe, gdy: Elementy na stronie układają się pionowo na urządzeniach mobilnych bez błędów wizualnych.

Dlaczego: Workflows to 'mózg' aplikacji, który mówi jej, co ma robić po kliknięciu przycisku.

Jak:

• Kliknij przycisk 'Zapisz' -> 'Start/Edit Workflow'.
• Dodaj akcję: Data -> Create a new thing (Zadanie).
• Przypisz wartości z pól wejściowych (Inputs) do pól w bazie danych.

Gotowe, gdy: Po kliknięciu przycisku w trybie Preview, nowy rekord pojawia się w bazie danych.

Dlaczego: Bez tego każdy użytkownik może podejrzeć dane innych osób w konsoli przeglądarki.

Jak:

• W Bubble przejdź do Data -> Privacy.
• Dla typu 'Zadanie' stwórz regułę: 'This Zadanie's Właściciel is Current User'.
• Odznacz 'View all fields' dla wszystkich pozostałych (Everyone else).

Gotowe, gdy: Użytkownik A nie widzi zadań należących do Użytkownika B.

Dlaczego: Musisz wiedzieć, dlaczego coś nie działa, zanim aplikacja trafi do użytkowników.

Jak:

• Uruchom tryb Preview z parametrem debug_mode=true.
• Użyj narzędzia Step-by-step, aby prześledzić każdy krok workflow.
• Sprawdź 'Server logs' w zakładce Logs, aby wyłapać błędy API.

Gotowe, gdy: Przeszedłeś przez główny proces aplikacji bez żadnego czerwonego komunikatu o błędzie.

Dlaczego: Ochrona przed przypadkowym usunięciem danych jest kluczowa dla stabilności biznesu.

Jak:

• W Bubble (plan płatny) backupy są automatyczne (do 2 dni wstecz).
• Dla planu darmowego: Stwórz scenariusz w Make, który raz dziennie pobiera dane z Bubble API i zapisuje je w Google Sheets.

Gotowe, gdy: Masz kopię zapasową najważniejszych danych poza platformą Bubble.

Dlaczego: Przejście z wersji 'Development' do 'Live' to oficjalny start Twojego projektu.

Jak:

• Kliknij 'Deployment and version control' w prawym górnym rogu Bubble.
• Wybierz 'Deploy Current Version to Live'.
• (Opcjonalnie) Podepnij domenę w zakładce Settings -> Domain.

Gotowe, gdy: Aplikacja jest dostępna pod publicznym adresem URL.