Przejdź do treści
Dokumentacja

Jak korzystać z wybitnastrona.pl

Kompletny przewodnik po wszystkich funkcjach platformy. Masz pytania? kontakt@wybitnastrona.pl

Pomoc krok po kroku

Szybki start

1. Opisz swoją stronę

W polu tekstowym na stronie głównej opisz, co chcesz zbudować. Im więcej szczegółów (branża, kolorystyka, sekcje, treść), tym lepszy efekt. Możesz też kliknąć przycisk ✦ aby wylosować gotowy prompt.

2. Stack strony

Nowe projekty to strony Vite + React + Tailwind. Podgląd działa w przeglądarce - nic nie instalujesz. Starsze projekty natywne zostają w koncie jako archiwum, bez nowej oferty iOS/Android.

3. Kliknij 'Zbuduj'

AI (Wybitny) zaczyna generować kod. W panelu czatu po lewej zobaczysz tok rozumowania agenta, potem pliki pojawiają się na żywo w podglądzie po prawej.

4. Iteruj przez czat

Wpisz co chcesz zmienić: 'Zmień kolor nagłówka na czerwony', 'Dodaj sekcję z cenami', 'Napraw formularz'. AI edytuje tylko potrzebne pliki (patchFile), bez przebudowy całości.

5. Opublikuj

Kliknij 'Opublikuj' - strona dostaje publiczny URL w formacie {slug}.wybitna.eu. Możesz też podpiąć własną domenę w panelu strony: Strona › Domena i publikacja.

Tryby generowania

Agent (domyślny)

AI natychmiast pisze kod. Idealny gdy wiesz czego chcesz. Generacja zajmuje 30-120 sekund.

Plan

AI najpierw przedstawia listę kroków do zatwierdzenia. Użyj gdy chcesz kontrolować co AI zamierza zrobić przed uruchomieniem budowania. Tańsze przy dużych projektach.

Chat

Rozmowa o kodzie bez pisania plików. Pytaj o architekturę, proś o wyjaśnienia, sprawdzaj możliwości. Najtańszy tryb.

Kredyty i płatności

Czym są kredyty?

Kredyty schodzą z salda według zużycia modelu. Free: bez darmowych kredytów na start. Po zakończeniu joba pobieramy faktyczne zużycie. Odstąpienie w 14 dni od płatności: zwrot pomniejszony o zużyte kredyty.

Agenci

W czacie wybierasz agenta: Wybitny na każdym planie, Wybitny Pro Max na planach Pro i Max po pierwszej płatności (nie w okresie próbnym). Kredyty schodzą według zużycia.

Zakup kredytów

Free: bez darmowych kredytów na start. Pro: 10 000 / 20 000 / 50 000 kr (139 / 239 / 539 zł). Max: 100 000 / 200 000 kr (999 / 1 899 zł). Płatność roczna jest tańsza: Pro od 99 zł/miesiąc przy płatności raz w roku, a kredyty przychodzą co miesiąc. Płatność przez Stripe.

Plan Pro i Max

Free: znak wodny i losowy przedrostek subdomeny (własny prefiks można dokupić). Pro i Max: bez znaku wodnego, własny prefiks w cenie, podpięcie własnej bazy Supabase, sklep i płatności Stripe. Pro: do 20 stron internetowych. Max: Agent Pro Max, Asystent, do 50 stron internetowych, support 1:1. Po anulowaniu planu custom slug wraca na auto.

Zarządzanie projektami

Publiczne vs prywatne

Projekty publiczne są widoczne w Showcase i dostępne pod adresem URL. Prywatne dostępne tylko dla Ciebie (wymaga planu PRO). W planie FREE wszystkie projekty są publiczne.

Historia zmian

Każda zakończona generacja AI tworzy automatyczny snapshot. W zakładce Historia możesz cofnąć się do dowolnego poprzedniego stanu.

Floating preview

Przycisk 'Float' w toolbarze workspace otwiera pływające okno podglądu, które można przesuwać i skalować niezależnie od edytora kodu.

Eksport ZIP

Każdy projekt możesz pobrać jako ZIP gotowy do otwarcia w VS Code. Starsze projekty natywne nadal pakują kod Xcode/Gradle, jeśli taki projekt masz w koncie.

Integracje

Supabase (własna baza danych)

Wybitna Baza jest zawsze w cenie. Własne konto Supabase podpinasz OAuth od planu Pro: zakładka Baza w projekcie. Fallback: URL i klucz service_role w ustawieniach.

Pełny przewodnik: baza i OAuth

Stripe (własne płatności)

W zakładce Stripe łączysz konto przez Stripe Connect. AI wygeneruje checkout na Twoje konto - bez wklejania pk_live_ w czacie.

Formularz kontaktowy → email

AI automatycznie generuje formularze które wysyłają dane na Twój email przez nasz backend (Resend API). Konfiguracja przez RESEND_API_KEY w ustawieniach środowiska.