Qısa cavab

Vibe-kodlu proqramlar müştəri tərəfini göstərir, beləliklə taramaçılar boş <div> görürlər. Siz bunu ya domeniniz və Lovable arasına Cloudflare Worker yerləşdirərək, server tərəfindən göstərilən HTML-ni botlara qaytarmaqla və ya marketinqə sərmayə qoymadan əvvəl layihəni real yığına (Claude Code + Supabase + Vercel) köçürməklə düzəldə bilərsiniz.

Lovable, Bolt və v0 kimi alətlər ideyanı günortadan sonra göndərmək üçün heyrətamizdir. SEO-də heyrətamiz deyillər. Bütün səhifə müştəri tərəfi React paketidir, yəni Googlebot ilk taramada boş <div id="root" /> görür. Məzmun yoxdur. Başlıq yoxdur. Sxem yoxdur. Reytinq yoxdur. Üzvi trafikə güvənən MVP üçün bu, təsis ili problemidir.

Budur, Start Apps Studio-də istifadə etdiyimiz iki düzəliş, ən kiçik səydən ən böyük gəlirə qədər sifariş edilir.

Düzəliş 1: Cloudflare Worker SSR proxy

Cloudflare Worker domeninizlə Lovable arasında işləyir. Sorğu daxil olduqda, Worker User-Agent-i yoxlayır: real ziyarətçilər həmişəki kimi Lovable-ə proksi vasitəsilə yönləndirilir; botlar (Googlebot, Bingbot, GPTBot, PerplexityBot, ClaudeBot) isə eyni URL-də real məzmun və tam sxem işarələməsi olan server-tərəfli HTML alır.

Düzgün tətbiq edilərsə, bu, cloaking deyil. Botun aldığı məzmun JS icra edildikdən sonra istifadəçinin gördüyü məzmuna uyğun olmalıdır. Quraşdırma iki addımdan ibarətdir:

  1. Fərdi domeninizi Cloudflare Worker-ə yönəldən bir CNAME qeydini DNS-ə əlavə edin.
  2. Worker-in server tərəfdə render etməsi üçün kanonik səhifələrin siyahısı olsun deyə Lovable-ə bir sorğu yapışdırın.

Düzəliş 2: Lovable-i Claude Code ilə köçürün

Worker sizə vaxt qazandırır. Amma tətbiq ciddi şəkildə sıralanmalı, dinamik məzmunu idarə etməli və ya bir ildən sonra insanlar tərəfindən saxlanmalıdırsa, "adi" veb stekinə keçmək istəyəcəksiniz. Gördüyümüz ən sürətli yol köçürməni Claude Code-yə həvalə etməkdir.

10 addımlı miqrasiya resepti

  1. Claude-un onunla rahat işləyə bilməsi üçün Lovable layihənizi GitHub-ə yükləyin.
  2. Claude Code-ni yerli olaraq quraşdırın ki, o, repo-nu birbaşa oxuya və redaktə edə bilsin.
  3. Claude-u repoya yönləndirin (GitHub remote-u və ya yerli yol).
  4. Verilənlər bazası və auth üçün Supabase layihəsi yaradın (təxminən beş dəqiqə).
  5. Claude-dən layihəni Lovable-dən köçürməsini xahiş edin: "Bu Lovable layihəsini adi veb stekinə köçürün və repozitoriyanı səliqəli təşkil edin."
  6. Vercel-də hostinq qurun. Pulsuz səviyyə ən çox MVPs-ni əhatə edir.
  7. Claude-dən hansı mühit dəyişənlərinin və API açarlarının tələb olunduğunu soruşun; onları müəyyən etməkdə təəccüblü dərəcədə yaxşıdır.
  8. Açarları yaradın və .env faylı yaradın (Supabase açarları, API nişanları və s.).
  9. Yerləşdirməni konfiqurasiya etmək üçün Claude-dən soruşun. O, GitHub → Vercel axınına naqil verə və Supabase-ni birləşdirə bilər.
  10. Claude-dən hər dəfə bir xətanı aradan qaldırmağı xahiş etməklə pozulan hər şeyi düzəldin.

Bu quraşdırma Lovable-in özündən daha çevik olur. Siz proqram dəyişiklikləri üçün hər dəfə kredit ödəməyi dayandırırsınız və kiçik redaktələr üçün pulsuz modellərə qayıda bilərsiniz, çünki Lovable artıq öz nəslinin əksəriyyətində Claude-dən istifadə edir.

Lovable + Claude hibrid

Layihənin ortasındasınızdırsa və köçməyə hazır deyilsinizsə, bir neçə r/lovable istifadəçisinin təsdiqlədiyi orta yol var: Lovable-ni GitHub-ə qoşun, sonra Claude Code-yə həmin repozitoriyaya giriş verin. Claude Lovable-in üst qatında işləyərək onu mürəkkəb funksiyalar, sazlama və təkmilləşdirmələr boyunca istiqamətləndirir; siz isə verilənlər bazası dəyişiklikləri üçün SQL-i birbaşa Supabase-də işlədirsiniz (Lovable sorğu icrası üçün ödəniş almır, ona görə də bu pulsuzdur).

Nəticələr: bloklama komponentləri üzrə daha az yandırılmış kreditlər (istifadəçilər bir komponentdə saxlanılan 100+ kredit haqqında məlumat verir), dolaşıq məntiqlə daha yaxşı idarə olunur və bu məqalə üçün kritik olaraq HTML çıxışı üzərində kifayət qədər nəzarət SSR və sxemi tədricən təkmilləşdirə bilərsiniz.

Hansı düzəltməni seçməlisiniz?

  • Yalnız marketinq saytı və ya açılış səhifəsi → Cloudflare Worker SSR. Ən ucuz, ən sürətli.
  • Sıralanmalı olan dinamik məzmunlu məhsul → Claude Code + Supabase + Vercel-ə köçürün.
  • Orta layihədir və yenidən qurmaq mümkün deyil → Lovable + Claude hibrid, sonra SSR-ni vacib olan səhifələrdə təkmilləşdirin.

Tez-tez verilən suallar

Niyə Google birbaşa Lovable səhifələrini indeksləşdirə bilmir?

Lovable müştəri tərəfindən göstərilən React paketini göndərir, ona görə də ilkin HTML boş kök divdir. Googlebot-nin ilk keçid taraması həmin boş HTML-ni çəkir; JavaScript-ni göstərmək üçün daha sonra geri qayıda bilər (ya da olmaya bilər). Heç bir səlahiyyəti olmayan yeni domenlər üçün bu ikinci keçid renderi çox vaxt heç vaxt işə salınmır.

Cloudflare Worker düzəlişi gizlənmə hesab olunurmu?

Bot JS icra etdikdən sonra istifadəçinin gördüyü eyni məzmunu görsə yox. Əvvəlcədən göstərilən HTML-ni botlara təqdim etmək müəyyən edilmiş SEO nümunəsidir; Bu, yalnız botlara istifadəçilərdən fərqli məzmun təqdim etsəniz, gizli olur.

Tam miqrasiya nə qədər başa gəlir?

DIY: həftə sonu və Vercel + Supabase pulsuz səviyyəli hesab. Start Apps Studio tərəfindən çatdırılır: adətən təxminən bir sprint, MVP İstehsal paketimizə yığılır.

Köçürdükdən sonra vizual olaraq redaktə etməyə davam edə bilərəmmi?

Siz Lovable-in brauzerdaxili redaktorunu itirirsiniz, lakin normal inkişaf dövrü əldə edirsiniz və repo üzərinə istənilən vizual aləti (və ya başqa AI qurucusunu) gətirə bilərsiniz. Əksər komandalar Claude Code-nin nə qədər sürətli təkrarladığını gördükdən sonra onu qaçırmırlar.