Universali skelbimų prekyvietė

Universali skelbimų lenta ant to paties variklio — 10 kategorijų, paieška.

Vue 3webedge-dbListings

Dev-story01

Iššūkis

Bendriems skelbimams negalima įkoduoti vieno prekės tipo; reikia vieno skelbimo modelio, veikiančio per transportą, NT, darbus, elektroniką ir daugiau.

Ką darėme

Iš carsmarket/housemarket kodo pastatyta bendra skelbimų svetainė su 10 kategorijų (transportas, NT, darbai/paslaugos, kompiuterija, įranga, ryšiai, pramogos, buitis, apranga, vaikai), vieninga gyva webedge-db filtracija su kategorijų skaičiais ir fasetais, mėgstamiausiais ir išsaugotomis paieškomis.

Rezultatas

Prekyvietės variklis, ištemptas iki plačiausio atvejo — vienas paieškos ir skelbimų modelis per visas kategorijas vietoj atskiros statybos kiekvienai vertikalei.

Dev-story straipsnis

Kaip buvo kuriamas projektas: Universali skelbimų prekyvietė

Jau turėjome variklį, sukantį nišines lentas automobiliams ir nekilnojamajam turtui, kiekvieną su sava schema ir gyva paieška. Klausimas buvo, ar tas pats variklis pakels bendrą skelbimų portalą — dešimt nesusijusių kategorijų, nuo transporto iki prekių vaikams — nepradedant penkto kodo. Įtampa: išlaikyti bendrą schemą ir reaktyvią paiešką, bet apibendrinti kategorijas, kad telefono skelbimas ir buto skelbimas gyventų tame pačiame fasetiniame indekse.

Skyriai

Moduliai

Stackas

Vue 3 + webedge-db

Kodėl projektas atsirado

Bendriems skelbimams negalima įkoduoti vieno prekės tipo; reikia vieno skelbimo modelio, veikiančio per transportą, NT, darbus, elektroniką ir daugiau.

Ką sukūrėme

Vue 3 + Vite vieno puslapio skelbimų prekyvietė su dešimčia pagrindinių kategorijų, vieninga paieška, kuri gyvai skaičiuoja kategorijų kiekius ir fasetes, bei skelbimo puslapiais su nuotraukų galerija, pardavėjo kontaktu, telefono atskleidimo sekimu ir pranešimais. Pardavėjai turi viešus profilius ir valdymo skydelį; yra administratoriaus zona bei srautų/importo įrankiai. Talpinama statiškai, su SPA maršrutų kevalais, kad kiekvienas kategorijos ir skelbimo URL atsidarytų SEO tikslais.

Pagrindiniai moduliai ir vartotojo kelias

M01

Vieninga skelbimų paieška, sujungta su reaktyviu backendu, gyvai grąžinančiu kategorijų kiekius ir fasetes, todėl filtravimui niekada nereikia perkrauti puslapio

M02

Dešimt apibendrintų kategorijų, pernaudojančių tą pačią schemą, kuri jau suka automobilių ir turto lentas, o ne atskirą modelį kiekvienai vertikalei

M03

Mėgstamiausi ir išsaugotos paieškos, saugomos kiekvienam vartotojui, kad pirkėjas galėtų vėliau iš naujo paleisti fasetinę užklausą

M04

Skelbimo detalės srautas su nuotraukų galerija, pardavėjo kontaktų forma, telefono atskleidimo sekimu ir pranešimais apie pažeidimus

M05

Reaktyvaus užklausų sluoksnio migracija į TanStack Vue Query dėl kešavimo ir užklausų dedublikavimo per visą SPA

Architektūra ir technologiniai sprendimai

Sukurta su Vue 3, webedge-db, Listings.

Vue 3 + Vite SPA su Tailwind v4 ir @unhead/vue title/meta/canonical/JSON-LD; duomenų bazė, realaus laiko užklausos, paieška ir failų saugykla veikia ant mūsų savarankiškai talpinamo reaktyvaus backendo su BetterAuth, o duomenų sluoksnis vėliau perkeltas ant TanStack Vue Query. Tiekiama kaip statiška Cloudflare Pages sąranka su SPA nukreipimo atsarga.

Rezultatas ir pamokos

Prekyvietės variklis, ištemptas iki plačiausio atvejo — vienas paieškos ir skelbimų modelis per visas kategorijas vietoj atskiros statybos kiekvienai vertikalei.

Įrodymas, kad vienas vertikalių prekyviečių variklis apibendrinamas iki plataus dešimties kategorijų skelbimų portalo be naujo kodo — ta pati schema, paieška ir autentifikacija, nukreipta į apibendrintas kategorijas ir statišką talpinimą.