Termék-összehasonlító
Maximum 4 termék egymás melletti összehasonlítása: processzor, videókártya, memória, tárhely, ár — részletes specifikációs táblázatban.
Bemutató · Projekt
Best-Comp — Számítástechnikai webáruház
Gamer és irodai számítógépek, alkatrészek, összehasonlítóval.
Next.js 14 + Prisma + NextAuth.js (single-login)
Áttekintés
A projekt célja
Egy számítógép-kereskedés online platformjának kiépítése, ahol a vásárlók testre szabhatják a konfigurációjukat, összehasonlíthatják a gépeket, és részletes specifikációkat böngészhetnek.
Megoldásunk
Next.js + Prisma alapú webshop, termék-összehasonlítóval (legfeljebb 4 termék egymás mellett), konfigurátorral (processzor, videókártya, memória kiválasztása), készletkezeléssel és akciómodullal.
Eredmény
A vásárlók a saját igényeikre szabhatják a számítógépüket, az összehasonlító segítségével pedig pontosan láthatják a különbségeket — a vásárlási döntéshez minden információ egy helyen van.
Előtte / Utána
Húzd a csúszkát balra-jobbra, vagy használd a ← / → billentyűket az összehasonlításhoz.
Főbb funkciók
PC konfigurátor
A vásárló kiválaszthatja a processzort, videókártyát, memóriát és tárhelyet — a rendszer ellenőrzi a kompatibilitást és kiszámolja az árat.
Akciók és hírek
A kereskedő akciókat és termékhíreket tehet közzé, amelyek a főoldalon és kategória-oldalakon banner-ként jelennek meg.
Készletkezelés
Valós idejű készlet-információ, automatikus értesítés alacsony készletszintnél, soft-delete a kifutott termékeknél.
Reszponzív kártyás megjelenítés
A termékkártyák mobilon és asztali nézetben egyaránt optimálisan jelennek meg, képpel, árral és gyors "Kosárba" gombbal.
Tetszik amit látsz?
Írd meg, miben segíthetünk — 24 órán belül válaszolunk egy konkrét ajánlattal.
Képernyők
Képernyőkép
01-public-fooldal.webp — AiSolve.me referencia implementáció
Képernyőkép
02-public-akciok.webp — AiSolve.me referencia implementáció
Képernyőkép
03-public-hirek.webp — AiSolve.me referencia implementáció
Képernyőkép
04-public-osszehasonlitas.webp — AiSolve.me referencia implementáció
Képernyőkép
05-public-rolunk.webp — AiSolve.me referencia implementáció
Képernyőkép
06-public-fooldal-dark.webp — AiSolve.me referencia implementáció
Képernyőkép
07-public-akciok-dark.webp — AiSolve.me referencia implementáció
Képernyőkép
08-customer-fiok.webp — AiSolve.me referencia implementáció
Képernyőkép
09-customer-profil.webp — AiSolve.me referencia implementáció
Képernyőkép
10-customer-kedvencek.webp — AiSolve.me referencia implementáció
Képernyőkép
11-customer-rendelesek.webp — AiSolve.me referencia implementáció
Képernyőkép
12-customer-fiok-dark.webp — AiSolve.me referencia implementáció
Képernyőkép
13-admin-dashboard.webp — AiSolve.me referencia implementáció
Képernyőkép
14-admin-termekek.webp — AiSolve.me referencia implementáció
Képernyőkép
15-admin-rendelesek.webp — AiSolve.me referencia implementáció
Képernyőkép
16-admin-vasarlok.webp — AiSolve.me referencia implementáció
Képernyőkép
17-admin-dashboard-dark.webp — AiSolve.me referencia implementáció
Képernyőkép
18-public-fooldal-mobile.webp — AiSolve.me referencia implementáció
Képernyőkép
19-customer-fiok-mobile.webp — AiSolve.me referencia implementáció
Képernyőkép
20-admin-dashboard-mobile.webp — AiSolve.me referencia implementáció
Képernyőkép
best-comp homepage desktop hero (1440x900)
Képernyőkép
best-comp homepage mobile hero (375x812)
Képernyőkép
Régi weboldal — best-comp.hu
Képernyőkép
Új weboldal — bestcomp.aisolve.me
Technológiák
- Next.js
- TypeScript
- Prisma
- PostgreSQL
- Tailwind CSS
Eredmények
- 20+
- Screenshot a galériában
- 4
- Max összehasonlítás
- 5+
- Konfigurátor komponens
Hasonló projektet szeretnél?
Nézd meg a csomagjainkat, vagy kérj egyedi ajánlatot — egy űrlap kitöltése elég.