Automobilių prekyvietė

Automobilių prekyvietė — Vue 3 SPA su realaus laiko paieška, išoriniais aukcionų šaltiniais ir kainų kritimo perspėjimais.

Vue 3webedge-dbSearch

Dev-story

Iššūkis

Automobilių prekyvietei reikia greitų, gyvų filtrų per daug skelbimų ir atskirų pirkėjo, pardavėjo dashboard ir admin sričių — dažniausiai trys programos.

Ką darėme

Viena Vue 3 + Vite SPA (be Nuxt/SSG) su webedge-db duomenų bazei, realtime užklausoms, pilnatekstei paieškai ir failų saugyklai; pirkėjo, pardavėjo ir admin zonos toje pačioje programoje, plius konfigūruojami adapteriai, traukiantys išorinius aukcionų šaltinius, VIN patikimumo signalus, kainų istoriją su kritimo perspėjimais ir pirkėjo–pardavėjo žinutes.

Rezultatas

Tai tapo baze, iš kurios buvo pastatytos kitos WebEdge prekyvietės (house, service, classifieds).

Dev-story straipsnis

Kaip buvo kuriamas projektas: Automobilių prekyvietė

Naudotu automobiliu platforma turi tris auditorijas, kurioms paprastai kuriamos trys atskiros programos: pirkejai, narsantys skelbimus, pardavejai, valdantys savo prekes, ir administratoriai, moderuojantys viska. Norejome sujungti jas i viena SPA su vienu reaktyviuoju backendu, kad kainos pokytis ar naujas statymas pasirodytu tiesiogiai, be periodinio klausinejimo ir be antros kodo bazes. Sunkumas buvo tai padaryti su paprastu Vue + Vite statiniu build, be SSR, islaikant skelbimu slinkties pozicija, filtrus ir greita paieska esant realiam srautui.

Skyriai

Moduliai

Stackas

Vue 3 + webedge-db

Kodėl projektas atsirado

Automobilių prekyvietei reikia greitų, gyvų filtrų per daug skelbimų ir atskirų pirkėjo, pardavėjo dashboard ir admin sričių — dažniausiai trys programos.

Ką sukūrėme

Tai Vue 3 + Vite viena-puslapio programa, paremta webedge-db (musu reaktyviuoju backendu) duomenu bazei, realaus laiko uzklausoms, pilntekstei paieskai ir failu saugojimui, o autentifikacija tvarko BetterAuth. Ta pati programa aptarnauja vieso turgaus, /dashboard pardavejo zonos ir /admin moderavimo zonos marsutus kaip SPA su per-marsuto kevalais, generuojamais build metu. Salia klasikiniu skelbimu ji taip pat vykdo vidini aukcionu srauta su realaus laiko atgaliniais skaiciavimais, statymais ir pirk-dabar.

Pagrindiniai moduliai ir vartotojo kelias

M01

Konfiguracija valdomi isoriniu aukcionu saltiniu adapteriai: trys skaitymo keliai (partnerio JSON API, ToS-ribotas tik-skaitymui vieso HTML nuskaitymas, mock fikstuvai), kad naujam saltiniui reiketu konfiguracijos, o ne kodo, plius ADAPTERS registras saltiniams, kuriems reikia savo puslapiavimo ar statymu

M02

Rate-limit mandagus tik-skaitymui adapteris, kuris nuskaito schema.org JSON-LD is statiniu detaliu puslapiu, gerbia robots taisykles ir stabdo pirmuoju rate-limit signalu, o ne apeina anti-bot iššukius

M03

VIN pasitikejimo signalai, kainu istorija ir kainos kritimo perspejimai su VIN ir kainos kritimo filtrais skelbimu perziuroje

M04

Pirkejo-pardavejo susirasinejimas su pardavejo atsakymais ir Telegram botas, prijungtas per slaptu raktu tikrinama webhook ir 5 minuciu cron aukcionu perspejimams

M05

Perejimas nuo tiesioginiu reaktyviojo backendo uzklausu prie TanStack Vue Query kešavimui ir puslapiuotam skelbimu krovimui, su HMR uzklausu atjungimu ir sumazintu uzklausu apkrovimu, kad filtru atnaujinimas nestriges

Architektūra ir technologiniai sprendimai

Sukurta su Vue 3, webedge-db, Search.

Vue 3 + Vite SPA (be Nuxt, be SSG) ant Cloudflare Pages, su webedge-db realaus laiko uzklausoms, paieskai ir saugojimui, BetterAuth sesijoms, TanStack Vue Query kliente ir build zingsniu, kuris rašo lengvus per-marsuto HTML kevalus, kad SPA marsutai veiktu statiniame hostinge. Isoriniu aukcionu agregavimas galiausiai buvo susiaurintas iki tik-vietiniu skelbimu; adapteriu kodas lieka miegantis uz konfiguracijos.

Rezultatas ir pamokos

Tai tapo baze, iš kurios buvo pastatytos kitos WebEdge prekyvietės (house, service, classifieds).

Viena programa, kuri realiu laiku islaiko pirkeja, pardaveja ir administratoriu sinchroniškai, ir tapo varikliu, is kurio buvo atsakotos kitos WebEdge platformos.