No-code development

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

{{howLabel}}:

• 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).

{{doneWhenLabel}}: Potrafisz narysować schemat przepływu danych dla prostego formularza kontaktowego.

{{whyLabel}}: Potrzebujesz dostępu do ekosystemu, aby zacząć praktykę.

{{howLabel}}:

• 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'.

{{doneWhenLabel}}: Masz aktywne i zweryfikowane konta na wszystkich trzech platformach.

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

{{howLabel}}:

• 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'.

{{doneWhenLabel}}: E-mail zostaje wysłany automatycznie po dodaniu danych do arkusza.

{{whyLabel}}: Webhooki to standard komunikacji między aplikacjami w czasie rzeczywistym.

{{howLabel}}:

• 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.

{{doneWhenLabel}}: Moduł w Make poprawnie odbiera i parsuje dane testowe.

{{whyLabel}}: Dobra struktura bazy to fundament skalowalności aplikacji.

{{howLabel}}:

• 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'.

{{doneWhenLabel}}: Baza danych zawiera co najmniej dwa powiązane ze sobą typy danych.

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

{{howLabel}}:

• 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'.

{{doneWhenLabel}}: Elementy na stronie układają się pionowo na urządzeniach mobilnych bez błędów wizualnych.

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

{{howLabel}}:

• 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.

{{doneWhenLabel}}: Po kliknięciu przycisku w trybie Preview, nowy rekord pojawia się w bazie danych.

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

{{howLabel}}:

• 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).

{{doneWhenLabel}}: Użytkownik A nie widzi zadań należących do Użytkownika B.

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

{{howLabel}}:

• 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.

{{doneWhenLabel}}: Przeszedłeś przez główny proces aplikacji bez żadnego czerwonego komunikatu o błędzie.

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

{{howLabel}}:

• 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.

{{doneWhenLabel}}: Masz kopię zapasową najważniejszych danych poza platformą Bubble.

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

{{howLabel}}:

• 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.

{{doneWhenLabel}}: Aplikacja jest dostępna pod publicznym adresem URL.