Jak odbudować stronę Lovable za pomocą AI

Wstęp

Lovable potrafi stworzyć prostą stronę w kilka minut, ale dokończenie strony bywa trudne. Większość stron potrzebuje wielu podstron, dopracowanych tekstów, zdjęć oraz długiej listy drobnych poprawek. Lovable daje Ci szkielet, który musisz samodzielnie rozbudować i dopracować, a wszystko to przy sztywnym budżecie kredytów.

Zamiast kończyć stronę w Lovable, możesz przenieść się do innego narzędzia, które jest bardziej przyjazne stronom internetowym. W tym przewodniku pokażę Ci, jak dokończyć swoją stronę na platformie AI o nazwie Repaint.

Dlaczego Repaint

Repaint to platforma AI zoptymalizowana pod kątem budowania stron internetowych. Główna idea jest podobna do Lovable: opisujesz to, czego chcesz, a AI to buduje. Jednak kilka różnic sprawia, że Repaint lepiej sprawdza się przy tworzeniu stron marketingowych:

• Działanie kosztuje znacznie mniej. Repaint korzysta z wydajnego procesu wieloagentowego i automatycznie wybiera tańsze modele AI do prostych zadań, ponieważ większość aktualizacji stron marketingowych nie wymaga drogich modeli, które Lovable rezerwuje dla zaawansowanego budowania aplikacji. W Repaint możesz zbudować 15-stronicową witrynę bez przekroczenia limitu darmowego planu.
• Buduje całe strony, a nie tylko szkielety. Repaint planuje i generuje całą Twoją witrynę za jednym razem, ze spójnym stylem na każdej podstronie, zamiast wręczać Ci szkielet do samodzielnego dokończenia.
• Lepiej radzi sobie z importem treści. Repaint ma dedykowane narzędzia do pobierania treści z istniejących stron, dzięki czemu możesz przeprojektować witrynę bez ręcznego przenoszenia wszystkiego.

Jak działa migracja z Lovable

Najprostszy sposób na przeniesienie się z Lovable to podanie Repaint adresu URL Twojej działającej strony. Repaint odwiedza Twoją działającą stronę tak, jak zrobiłby to odwiedzający, odczytuje tekst, pobiera zdjęcia i wykorzystuje je do odbudowy strony. Działa to nawet na darmowym planie Lovable, ponieważ wystarczy działająca strona.

Druga opcja to eksport kodu z Lovable i przesłanie go do Repaint. Pozwala to Repaint dokładniej odtworzyć oryginał, ponieważ nie musi niczego zgadywać przy odtwarzaniu. Jednak pełny eksport kodu wymaga płatnego planu Lovable.

Tak czy inaczej, otrzymasz pełną stronę, którą możesz edytować za pomocą AI. Gdy będziesz zadowolony z nowej strony, możesz opublikować ją bezpośrednio z Repaint i podłączyć własną domenę.

Krok 1: Importuj treść

Są dwa sposoby importowania treści do Repaint:

1. Udostępnij adres URL działającej strony
2. Wyeksportuj kod z Lovable i zaimportuj go do Repaint

Polecamy drugą opcję, jeśli masz Lovable premium i chcesz, żeby nowa strona wyglądała dokładnie jak oryginał. Jeśli i tak planujesz przeprojektowanie strony, eksportowanie kodu jest przesadą i prościej jest udostępnić Repaint działający adres URL.

Importowanie z adresu URL

Repaint może przeprojektować dowolną publicznie dostępną stronę w internecie. Lovable kiedyś automatycznie publikował każdy projekt, ale tak już nie jest. Musisz opublikować stronę w Lovable, zanim spróbujesz ją zaimportować. Powinieneś otrzymać adres URL wyglądający jak https://brave-mango-spark.lovable.app/

Najpierw otwórz swoją stronę w Lovable. Następnie:

1. Kliknij Publish i skopiuj adres URL
2. Wejdź na Repaint, wklej adres URL i zatwierdź
3. Załóż konto Repaint

Importowanie jako kod

Jeśli masz Lovable premium, możesz wyeksportować kod bezpośrednio z edytora Lovable. Zamiast robić to plik po pliku, możesz pobrać całą stronę jako plik .zip i przekazać go Repaint.

Najpierw otwórz swoją stronę w Lovable. Następnie:

1. Wyeksportuj kod jako plik .zip
2. Wejdź na Repaint i załóż konto
3. Prześlij plik .zip i zatwierdź

To uruchamia proces budowy strony. Repaint przeskanuje Twoją stronę, skopiuje tekst i zdjęcia oraz zrobi zrzuty ekranu każdej podstrony, aby zrozumieć projekt. Stamtąd wystarczy, że porozmawiasz z Repaint, aby dokończyć proces.

Krok 2: Zaplanuj nową stronę

Repaint potrafi skopiować oryginał, całkowicie go przeprojektować lub zrobić cokolwiek pomiędzy. Zanim zacznie budować Twoją stronę, zada kilka pytań, żeby zrozumieć, czego szukasz.

Gdy Repaint odbudowuje Twoją stronę, to dobry moment, żeby poeksperymentować ze stylem i sprawdzić, czy jest coś jeszcze, co chciałbyś wypróbować. Możesz poprosić Repaint o wygenerowanie próbek stylu do wyboru. Lovable zwykle daje Ci pojedynczy styl, którego iterowanie jest kosztowne, więc większość ludzi nigdy nie odbiega daleko od pierwotnego projektu, który otrzymali.

Importuj treść

Jeśli masz więcej informacji do uwzględnienia, udostępnij je teraz. Repaint może wykorzystać informacje z innych stron, wizytówek Google, plików PDF lub innych plików oraz zdjęć. Im więcej dowie się przed zbudowaniem strony, tym mniej będziesz musiał dopracowywać później.

Jeśli masz wiele źródłowych stron, na przykład starą stronę oprócz tej z Lovable, powinieneś podać Repaint obie. Może wykorzystać starą stronę jako źródło informacji do przeniesienia, a nową jako wzór stylu. W razie wątpliwości udostępnij dużo informacji i pozwól Repaint ustalić, jak je wykorzystać.

Gdy Ty i Repaint uzgodnicie plan, zbuduje on Twoją nową stronę!

Krok 3: Wygeneruj stronę

Repaint zwykle spędza kilka minut na budowaniu pierwszej wersji Twojej strony. Dokładny czas się różni, w zależności od tego, ile treści musi przenieść i jak duża jest nowa strona. Duża witryna z dziesiątkami podstron może zająć ponad dziesięć minut.

Gdy skończy, Repaint automatycznie otworzy podgląd Twojej nowej strony. Pierwsza wersja zwykle ma kilka niedociągnięć: obcięty tekst, zdjęcia w złym miejscu albo trochę nieodpowiednie odstępy. To jest normalne. Możesz poprawić wszystko, co jest nie na miejscu, rozmawiając z AI.

Jeśli Twój projekt Lovable miał zaawansowane funkcje backendu, jak integracja z Supabase czy funkcje Lovable Cloud, nie zostaną one przeniesione. Repaint buduje tylko część wizualną, którą widzą ludzie, a nie przechowywanie danych pod spodem. Większość stron firmowych nie ma niczego takiego, więc nie stanowi to problemu. Ale jeśli masz pełną aplikację w Lovable, Repaint nie odtworzy jej bezproblemowo.

Krok 4: Wprowadź poprawki

Po wygenerowaniu strony może być kilka kwestii do dopracowania. Repaint tłumaczy Twoją stronę na własny format, więc możliwe, że niektóre szczegóły zostaną utracone w tłumaczeniu. Albo jeśli prosisz Repaint o przeprojektowanie strony Lovable, będzie po prostu dużo nowej treści do przejrzenia.

Proces edycji jest dokładnie taki jak w Lovable; możesz zmienić wszystko na swojej stronie, rozmawiając z AI: "Dodaj stronę kontaktową." "Dodaj galerię zdjęć z trzema kwadratowymi obrazami." "Usuń górny baner ogłaszający nasze wydarzenie."

Zacznij od oceny stylu wizualnego. Upewnij się, że kolory, czcionki i układy wyglądają dobrze. Twój styl wizualny ustala wzorce, których AI naturalnie użyje przy każdej nowej treści, którą tworzy, więc dopracowanie go wcześnie jest szybsze niż dopracowywanie po zbudowaniu dziesiątek podstron.

Gdy spodoba Ci się styl, możesz przejść przez treść i upewnić się, że tekst jest poprawny, zdjęcia są we właściwych miejscach, linki działają, a wszystko dobrze wygląda na urządzeniach mobilnych.

Przejrzyj treści pod kątem SEO

Jeśli Twoja strona Lovable generowała ruch z wyszukiwarek, warto zwrócić uwagę na SEO podczas migracji. Mamy cały przewodnik po SEO przy przeprojektowaniu strony, jeśli chcesz dowiedzieć się więcej. Ogólnie chcesz po prostu upewnić się, że nowa strona ma te same adresy URL podstron i tę samą treść na nich.

Google buduje pozycje w rankingu dla poszczególnych podstron Twojej witryny, powiązane z ich adresami URL. Jeśli przejdziesz na nową platformę i te adresy URL zmienią się lub znikną, Google potraktuje je jak nowe strony bez historii, i tracisz ruch, który generowały. A jeśli zmienisz treść, Google może uznać, że nowe wersje nie są już istotne dla zapytań i przestać je pozycjonować.

Możesz poprosić Repaint o porównanie adresów URL na nowej stronie z tymi z Lovable, żeby sprawdzić, czy są jakieś różnice. Jeśli zaimportowałeś kod bezpośrednio, prawdopodobnie nic się nie zmieniło. Ale jeśli coś się zmieniło lub czegoś brakuje, Repaint może pomóc to naprawić, jeśli tylko poprosisz.

Gdy strona wygląda dobrze i treść jest poprawna, możesz ją opublikować.

Krok 5: Opublikuj stronę

Gdy będziesz gotowy do opublikowania nowej strony, otwórz swój projekt Repaint i kliknij Publish w prawym górnym rogu. Twoja strona pojawi się pod adresem Repaint, który możesz udostępnić każdemu. Będzie wyglądać podobnie do darmowego adresu Lovable, mniej więcej tak: https://careful-tiger-5jd92kjd.sites.repaint.com

W tym momencie masz dwie działające strony: jedną na Repaint i jedną na Lovable. Jeśli masz własną domenę, nadal wskazuje ona na stronę Lovable, więc dla Twoich odwiedzających nic się jeszcze nie zmieniło. Gdy będziesz gotowy na przełączenie, możesz przenieść domenę.

Krok 6: Przenieś domenę

Gdy będziesz gotowy na oficjalną zamianę, wystarczy skierować domenę na nową stronę Repaint. Aby to zrobić w Repaint, po prostu mówisz AI, żeby połączyło Twoją domenę. Otrzymasz rekordy DNS do dodania. Wymaga to płatnego planu; szczegóły cennika znajdziesz tutaj.

Twoja domena jest oddzielna od strony Lovable. Prawdopodobnie jest zarejestrowana u osobnego dostawcy domen, jak GoDaddy, Namecheap czy Cloudflare. Tak czy inaczej, Twoja domena powinna pozostać na tej platformie. Nie musisz jej przenosić. Wystarczy zaktualizować ustawienia, żeby domena wskazywała na nową stronę Repaint zamiast na Lovable.

Nie martw się, jeśli nigdy wcześniej nie zajmowałeś się ustawieniami DNS. Repaint może Cię przez to przeprowadzić. Może podać Ci niestandardowe instrukcje w zależności od Twojego dostawcy. Zmiany DNS mogą wejść w życie po 20 minutach lub dłużej. Po ustawieniu rekordów DNS możesz poprosić Repaint o sprawdzenie Twoich aktywnych rekordów, żeby upewnić się, że propagacja się powiodła. Gdy zweryfikuje, że wszystko jest poprawnie skonfigurowane, gotowe.

Po przeniesieniu domeny nie potrzebujesz już płatnego planu Lovable do hostingu ani edycji. Możesz anulować subskrypcję Lovable w dowolnym momencie.

Podsumowanie

Gdy natrafisz na ścianę w Lovable, nie musisz porzucać swojej pracy. Repaint to podobna platforma, zoptymalizowana pod kątem budowania stron marketingowych. Jeśli po prostu udostępnisz swój działający adres URL, zaimportuje Twoją stronę i pozwoli wprowadzać zmiany, rozmawiając z AI. A ponieważ Twoja strona pozostaje aktywna przez cały czas, nie masz nic do stracenia, próbując.

Najczęściej zadawane pytania

Po co przechodzić z Lovable, skoro Repaint to też kreator AI?

Wyglądają podobnie, ale są dostrojone do różnych zadań. Lovable jest stworzony do budowania złożonych aplikacji webowych, a kredyty i cennik są zaprojektowane wokół zaawansowanego generowania. Repaint jest zbudowany specjalnie dla stron marketingowych. Buduje podstrony równolegle bardziej wydajnie, używa tańszych modeli do rutynowych edycji i ma tygodniowy limit użycia zamiast miesięcznych kredytów. Twoje użycie sięga dalej na Repaint, więc łatwiej jest faktycznie dokończyć stronę.

Czy migracja zużyje moje kredyty Lovable?

Nie. Jeśli importujesz przez udostępnienie działającego adresu URL, Repaint po prostu odwiedza Twoją opublikowaną stronę tak, jak zrobiłby to każdy odwiedzający. Nigdy nie dotyka Twojego konta Lovable, więc nie kosztuje to żadnych kredytów Lovable. Jedyny przypadek, w którym Lovable jest w ogóle zaangażowany, to ścieżka eksportu kodu, a nawet wtedy po prostu pobierasz pliki, które już masz. Migracja działa na limicie użycia Repaint, a nie Lovable.

Czy potrzebuję płatnego planu Lovable, żeby dokonać migracji?

W przypadku najprostszej ścieżki nie. Import z działającego adresu URL wymaga tylko, żeby Twoja strona była opublikowana, co działa na darmowym planie Lovable. Płatnego planu Lovable potrzebowałbyś tylko, gdybyś chciał wyeksportować pełny kod dla dokładniejszej odbudowy. Jeśli i tak przeprojektowujesz stronę, możesz pominąć eksport kodu i po prostu udostępnić adres URL. Niektórzy synchronizują też swój projekt Lovable z GitHub, żeby pobrać kod w ten sposób, choć dostępność zależy od Twojego planu Lovable.

Co dzieje się z moją stroną Lovable podczas migracji? Czy mogę zachować obie?

Nic nie dzieje się z Twoją stroną Lovable. Obie są całkowicie niezależne. Robisz tylko to, że budujesz nową stronę w Repaint, podczas gdy Twoja strona Lovable pozostaje aktywna i nietknięta. Gdy będziesz zadowolony z wersji Repaint, możesz skierować na nią swoją domenę. Albo jeśli zdecydujesz się zostać przy Lovable, nie musisz nic robić. Nie ma momentu, w którym jesteś zmuszony zrezygnować z oryginału.

Co jeśli mój projekt Lovable to pełna aplikacja z bazą danych i logowaniem, a nie tylko strona marketingowa?

Wtedy Repaint prawdopodobnie nie jest dziś odpowiednim narzędziem. Repaint buduje strony marketingowe, a nie pełne aplikacje. Nie odtwarza funkcji backendu, jak bazy danych, logowanie użytkowników ani niczego połączonego z Lovable Cloud czy Supabase. Jeśli Twój projekt to prawdziwa aplikacja z infrastrukturą w tle, migracja do Repaint oznaczałaby utratę elementów, dzięki którym działa.

Czy nie natrafię po prostu na te same limity w Repaint, co w Lovable?

Zwykle nie, a różnica jest większa, niż ludzie się spodziewają. Obie platformy mierzą użycie inaczej, a Repaint zwykle sięga znacznie dalej w przypadku stron marketingowych. Jeden prawdziwy przykład: zbudowanie pięciostronicowej witryny w Lovable zużyło cały darmowy plan, podczas gdy odbudowa dwunastostronicowej witryny w Repaint zużyła połowę. Wynika to z kilku powodów, w tym wydajniejszego importu, pracy równoległej, tańszych modeli i hojnego limitu użycia zamiast miesięcznych kredytów.

Czy Repaint może dokładnie odwzorować mój projekt Lovable?

To zależy od sposobu importu. Jeśli wyeksportujesz kod i przekażesz Repaint źródło, może podejść bardzo blisko, ponieważ pracuje na oryginale, a nie zgaduje. Jeśli importujesz z działającego adresu URL, Repaint odtwarza projekt na podstawie tego, co widzi. Będzie wyraźnie przypominać Twoją stronę, ale spodziewaj się kilku widocznych różnic, które będziesz chciał poprawić, tym bardziej jeśli oryginalny projekt jest złożony. Tak czy inaczej, możesz dopracować wszystko, rozmawiając z AI.

Jak długo trwa migracja?

Pierwsza budowa zwykle zajmuje kilka minut na zaplanowanie, import treści i wygenerowanie nowej strony. Większe strony z wieloma podstronami lub dużą ilością treści do pobrania mogą zająć dziesięć minut lub więcej. Potem czas do publikacji zależy od tego, ile poprawek chcesz wprowadzić. Większość stron można przenieść i dopracować w ciągu kilku godzin.

Ile kosztuje migracja z Lovable do Repaint?

Import strony, jej edycja i publikacja pod adresem sites.repaint.com są bezpłatne. Darmowy plan obejmuje zbudowanie i uruchomienie prostej strony, z tygodniowym limitem edycji, odznaką Repaint i bez własnej domeny. Płatne plany zaczynają się od 20 USD miesięcznie przy rozliczeniu rocznym lub 25 USD miesięcznie przy rozliczeniu miesięcznym, co daje większy limit, usuwa odznakę i pozwala podłączyć własną domenę. Pełne zestawienie znajdziesz na stronie cennika.

Czy mogę przenieść tylko jedną podstronę, żeby najpierw to sprawdzić?

Tak. Możesz zaimportować pojedynczą podstronę, żeby zobaczyć, jak wychodzi, zanim zdecydujesz się na całą witrynę. To niskonakładowy sposób, żeby sprawdzić, czy Repaint pasuje do Twojej firmy. Gdy spodoba Ci się to, co zobaczysz, możesz poprosić Repaint o zbudowanie reszty.

Czy stracę pozycje w wyszukiwarce podczas migracji?

Nie, jeśli zachowasz spójność adresów URL i treści. Google wiąże pozycje w rankingu z adresami URL poszczególnych podstron, więc celem jest, żeby Twoja nowa strona Repaint używała tych samych adresów URL i w dużej mierze tej samej treści co stara. Jeśli importujesz kod bezpośrednio, sprawy zwykle pozostają spójne. Możesz też poprosić Repaint o porównanie nowych adresów URL z oryginalnymi i naprawienie ewentualnych luk. Więcej znajdziesz w naszym przewodniku po zachowaniu SEO przy imporcie strony.

Co się dzieje, gdy AI popełni błąd? Czy mogę cofnąć zmiany?

Tak. Repaint zapisuje wersję Twojej strony za każdym razem, gdy wprowadzasz zmianę. Jeśli coś wyjdzie nie tak, możesz poprosić o powrót albo otworzyć historię wersji i samodzielnie przywrócić wcześniejszą wersję. Nic nie jest trwałe, więc możesz bezpiecznie eksperymentować i cofać zmiany, jeśli nie spodoba Ci się wynik.