V tomto návodu vám ukážeme, jak exportovat váš Lovable web a hostovat jej u Polar55.
U Polar55 můžete používat Node.js, který je nezbytný pro správné fungování vašeho Lovable webu.
Lovable je velmi jednoduchý nástroj pro vytváření jednoduchých webových stránek a během krátké chvíle můžete vytvořit pěkný web. Bohužel je Lovable poměrně drahý, a proto mnoho uživatelů raději hostuje svůj web u jiného poskytovatele místo přímo přes Lovable.
V tomto návodu vám proto ukážeme, jak rychle exportovat váš Lovable web a zprovoznit jej u nás.
Je důležité poznamenat, že tento návod funguje pouze pro relativně jednoduché webové stránky. Pokud máte například backend propojený s vaším Lovable webem nebo provozujete e-shop přes Lovable, tento návod nebude fungovat.
Abyste mohli tento návod použít, budete potřebovat:
- Web vytvořený pomocí Lovable
- GitHub účet (zdarma – vytvoření zabere jen několik minut)
- Hostingový účet podporující Node.js – například u Polar55
Podívejte se také na toto YouTube video pro kompletní průvodce v reálném čase:
Synchronizujte svůj Lovable web s GitHubem
Začněte tím, že se přihlásíte do svého Lovable účtu a otevřete projekt, který chcete exportovat.
Poté klikněte na malou GitHub ikonu v pravém horním rohu.
Zde budete potřebovat GitHub účet.
Naštěstí vytvoření GitHub účtu trvá pouze asi 2 minuty a je zcela zdarma.
Vytvořte si GitHub účet a ujistěte se, že jste přihlášeni.
Jakmile budete přihlášeni do GitHubu i Lovable, Lovable se automaticky připojí ke GitHubu a synchronizuje váš web:
Stáhněte si svůj Lovable web z GitHubu
Váš web byl nyní synchronizován/exportován do GitHubu a můžete si jej stáhnout.
Přejděte na GitHub URL adresu zobrazenou pod „Clone Repository“ a stáhněte si svůj web jako ZIP soubor:
Nahrajte svůj web na vlastní hostingový účet
Nyní máte ZIP soubor obsahující váš Lovable web.
Přihlaste se do svého Polar55 účtu, přejděte do cPanelu a otevřete File Manager.
Nahrajte zde svůj ZIP soubor.
- Pokud má web běžet na vaší hlavní doméně, nahrajte ZIP soubor do public_html
- Pokud má web běžet na jiné doméně, nahrajte ZIP soubor do složky se stejným názvem jako doména.
Jakmile bude ZIP soubor nahrán, rozbalte jej kliknutím pravým tlačítkem myši na soubor a výběrem možnosti „unzip“:
Nyní získáte složku pojmenovanou podle vašeho ZIP souboru, například „captivating-captures-main“ (v závislosti na názvu vašeho GitHub repozitáře)
-> Přejmenujte složku na „source“
Váš web je nyní rozbalen a nachází se ve složce „source“.
Propojte Lovable s Node.js
Nyní se vraťte do cPanelu a najděte Node.js.
Zde musíte vytvořit novou aplikaci.
Do pole „Application root“ zadejte „public_html/source“ – pokud má web běžet na jiné doméně místo hlavní domény, zadejte „vasedomena.cz/source“
Do pole „Application URL“ zadejte doménu, na které má web běžet.
Poté vytvořte aplikaci.
Aktivujte svůj Lovable web
Pro aktivaci vašeho Lovable webu otevřete terminál v cPanelu a spusťte následující příkazy:
node -v pwd npm install --include=dev ./node_modules/.bin/vite build
Tímto se váš Lovable web sestaví na vašem hostingovém účtu.
Po dokončení procesu bude uvnitř složky /source složka s názvem dist, což znamená, že se bude nacházet na adrese /source/dist/
Přesuňte soubory ze složky dist, aby byl váš web viditelný
Začněte tím, že znovu otevřete File Manager.
- Přejděte do složky source a následně do složky dist.
- Vyberte všechny soubory – můžete použít funkci „Select all“ ve File Manageru
- Klikněte pravým tlačítkem myši na soubory a vyberte „move“
- Změňte například public_html/source/dist/ na public_html/ podle obrázku níže
Změňte na ->
Nyní klikněte na „Move Files“
A to je vše! Váš Lovable web by nyní měl být viditelný na vaší doméně hostované u vašeho poskytovatele.
Nezapomeňte, že musíte aktualizovat nameservery své domény tak, aby směřovaly na váš hosting místo na Lovable. Jinak se bude web stále zobrazovat přes Lovable.
Nyní můžete pozastavit nebo úplně zrušit své Lovable předplatné, takže budete platit za hosting pouze na jednom místě.
Pokud budete chtít v budoucnu provést změny na svém webu, jednoduše se znovu přihlaste do Lovable a znovu jej propojte se svým GitHub účtem. Díky tomu můžete pokračovat v práci na webu, znovu jej exportovat a nahrát zpět na svůj hostingový účet, až budete hotovi.