Nekilnojamojo turto prekyvietė ir radaras
Automobilių variklis pritaikytas NT, su skelbimų pokyčių radaru.
Dev-storyIššūkis
NT skelbimai gyvena ar žūva nuo matomumo paieškoje, o pirkėjai nori žinoti, kai skelbimas ar jo kaina pasikeičia šaltinyje.
Ką darėme
Pastatyta ant carsmarket variklio (Vue 3 + Vite + webedge-db, BetterAuth prisijungimas), su @unhead/vue, generuojančiu title/meta/canonical ir JSON-LD skelbimams, plius atskiras radaras, stebintis skelbimų šaltinius dėl naujų ir pasikeitusių skelbimų.
Rezultatas
NT prekyvietė su tinkamu SEO žymėjimu ir stebėjimo puse, kuri parodo šaltinio ir kainos pokyčius, o ne vien statiškus skelbimus.
Dev-story straipsnis
Kaip buvo kuriamas projektas: Nekilnojamojo turto prekyvietė ir radaras
Marketplace variklis, iš pradžių parašytas automobilių skelbimų svetainei, turėjo būti pertaikytas NT: kita taksonomija, kitos paieškos ašys ir rinka, kurioje vienas portalas jau valdo organinę paiešką. Įtampa buvo padaryti tai, kas rikiuojasi paieškoje ir lieka sąžininga, be masinio kitų svetainių scraping'o. Todėl darbas krypo į struktūruotus SEO landingus, apgintus duomenų srautus ir radarą, kuris stebi skelbimus bei feed'us, o ne daužo trečiųjų šalių svetaines.
Skyriai
05
Moduliai
05
Stackas
Vue 3 + webedge-db
Kodėl projektas atsirado
NT skelbimai gyvena ar žūva nuo matomumo paieškoje, o pirkėjai nori žinoti, kai skelbimas ar jo kaina pasikeičia šaltinyje.
Marketplace variklis, iš pradžių parašytas automobilių skelbimų svetainei, turėjo būti pertaikytas NT: kita taksonomija, kitos paieškos ašys ir rinka, kurioje vienas portalas jau valdo organinę paiešką. Įtampa buvo padaryti tai, kas rikiuojasi paieškoje ir lieka sąžininga, be masinio kitų svetainių scraping'o. Todėl darbas krypo į struktūruotus SEO landingus, apgintus duomenų srautus ir radarą, kuris stebi skelbimus bei feed'us, o ne daužo trečiųjų šalių svetaines.
Ką sukūrėme
Pastatyta ant carsmarket variklio (Vue 3 + Vite + webedge-db, BetterAuth prisijungimas), su @unhead/vue, generuojančiu title/meta/canonical ir JSON-LD skelbimams, plius atskiras radaras, stebintis skelbimų šaltinius dėl naujų ir pasikeitusių skelbimų.
Vieno puslapio Vue 3 marketplace su vartotojo dashboard ir admin zona, ant reaktyvaus realtime backend'o užklausoms, paieškai ir failų saugyklai. Apima miesto/rajono paiešką klasterizuotame žemėlapyje, kiekvieno skelbimo kainos istoriją, išsaugotų paieškų el. alertus ir agentūrų feed pipeline, kuris importuoja XML/CSV/JSON į peržiūros eilę, o ne publikuoja aklai.
Pagrindiniai moduliai ir vartotojo kelias
SEO landing generatorius, kuris sukuria sitemap įrašus ir klientinį Breadcrumb/CollectionPage JSON-LD segmentui+miestui+rajonui, pvz. butų nuoma konkrečiame mieste, su title/canonical per @unhead/vue
Agentūrų feed importeris, atpažįstantis XML/CSV/JSON, normalizuojantis ir angliškus, ir lietuviškus raktus, dedantis įeinančius skelbimus į pending eilę pagal external_id ir galintis deaktyvuoti iš feed'o dingusius objektus
Kas valandą veikiantis feed monitoringo cron, rašantis system alerts dėl failed, stale, tuščių ar masiškai deaktyvuotų feed'ų ir siunčiantis adminams laiškus tuo pačiu mailer kanalu su cooldown
Paieškos paklausos analitika, agreguojanti anoniminę dienos statistiką — miestą, rajoną, tipą, kainos/ploto intervalus, rezultatų kiekį ir no-result paieškas — su rate limit ir atvaizduojama admin paklausos dashboard'e
Skelbimų kainos istorija plius kainos už kvadratinį metrą filtrai ir išsaugotos paieškos su instant/daily/weekly el. santraukomis, kurios siunčia tik tikrai naujus aktyvius skelbimus
Architektūra ir technologiniai sprendimai
Sukurta su Vue 3, webedge-db, Scraping.
Vue 3 + Vite SPA ant Cloudflare Pages, reaktyvus realtime backend (webedge-db) duomenims/autentifikacijai/failams su Leaflet žemėlapiais, ir migracija nuo tiesioginių reaktyvių subscription'ų prie TanStack Vue Query puslapiuotoms užklausoms bei subscription valymui.
Rezultatas ir pamokos
NT prekyvietė su tinkamu SEO žymėjimu ir stebėjimo puse, kuri parodo šaltinio ir kainos pokyčius, o ne vien statiškus skelbimus.
Veikiantis NT marketplace, kuris auginant organinį pasiekiamumą per struktūruotus landingus, saugo duomenų priėmimą: feed'ai eina per peržiūrą, dingę objektai deaktyvuojami, o adminai gauna alertą, kai feed sugenda.
Toliau skaityti
Susijusios projektų istorijos
Šie projektai turi artimų technologinių arba produkto sprendimų, todėl padeda matyti, kaip tas pats principas veikia kitame kontekste.
Dev-storyAutomobilių prekyvietė
Automobilių prekyvietė — Vue 3 SPA su realaus laiko paieška, išoriniais aukcionų šaltiniais ir kainų kritimo perspėjimais.
Dev-storyPaslaugų prekyvietė
Tas pats webedge-db variklis paslaugoms — profiliai, užklausos, atsiliepimai.
Universali skelbimų prekyvietė
Universali skelbimų prekyvietė
Universali skelbimų lenta ant to paties variklio — 10 kategorijų, paieška.
Turite panašią idėją?
Aptarti projektą