Next.js + Supabase · Egyedi fejlesztés
Vectr: amikor nem WordPress a jó válasz
Egy kreatív stúdió, aki mindent ránk bízott, és egy döntés, ami elsőre drágábbnak tűnik, hosszú távon mégis olcsóbb.
0 plugin
se függőség, se frissítési kockázat
98 / 100
mobil / asztali PageSpeed teljesítmény
13 + 4 nézet
publikus oldal + mini-admin
3 rétegű
spam-védelem minden űrlapon
A kihívás
A Vectr, egy arculattervezéssel, csomagolással és kampányokkal foglalkozó kreatív stúdió, új weboldal építésével keresett meg. A cél világos volt: gyors, keresőoptimalizált oldal, amely hirdetésből és organikusan is hozza a leadeket.
A projektnek volt egy különlegessége: az ügyfél nem szeretett volna foglalkozni sem a tartalomfeltöltéssel, sem az oldal kezelésével: mindent rám bízott. Egyetlen kérése volt: a MailerLite-ot kössük be, mert a hírleveleit ott szerkeszti ő maga.
És itt jött a szakmai döntés. Ha az ügyfél nem szerkeszt tartalmat, minek tegyünk az oldal mögé egy teljes CMS-t? A WordPress ilyenkor nem segítség, hanem felesleges kockázat: plugin-függőségek, folyamatos frissítési kényszer, támadási felület. Közösen úgy döntöttünk: nem WordPress-projekt lesz.
A megoldás
1. Egyedi fejlesztés, pontosan a feladatra méretezve
Elkészítettem a design tervet, megvettük a domaint, az ügyfél átadta a tartalmakat, én pedig lefejlesztettem az oldalt modern, egyedi technológiával (Next.js + Supabase). A tartalom fejlesztői kézben van: strukturált tartalomfájlokból épül, amelyeket build-időben automatikus ellenőrzés véd, így hibás vagy árva tartalom ki sem tud kerülni az oldalra.
2. Lead-gyűjtésre hangolva
- Ajánlatkérő űrlap fájlfeltöltéssel és kapcsolatfelvételi űrlap, mindkettő automata visszaigazoló e-maillel az érdeklődőnek és értesítővel a stúdiónak.
- Három rétegű spam-védelem minden űrlapon: robotszűrő, csapda-mező és adatbázis-szintű beküldés-korlátozás, mindez GDPR-barát módon, nyers IP-cím tárolása nélkül.
- Blog keresővel és kategória-szűrőkkel, olvasási idővel, tartalomjegyzékkel: az organikus forgalom motorja.
- Referencia-galéria kombinálható szűrőkkel, megosztható URL-állapottal.
- Technikai SEO alapfelszereltségként: strukturált adatok (JSON-LD), automatikus sitemap és robots, dinamikus közösségi előnézeti képek, világos/sötét téma.
3. Admin felület: csak amire tényleg szükség van
CMS helyett az ügyfél egy kis, védett admin felületet kapott, három dologgal: statisztikák egy pillantásra, beérkezett üzenetek és ajánlatkérések állapotkezeléssel, valamint a MailerLite feliratkozók listája. A hírleveleket pedig ott szerkeszti, ahol szereti. Se több, se kevesebb: nulla betanulási teher.
4. Ami a motorháztető alatt van
Az oldal kritikus útvonalait automata end-to-end tesztek védik (űrlapok, szűrők, navigáció, admin), az adatbázist sorszintű jogosultság-kezelés, a fájlfeltöltést többlépcsős biztonsági ellenőrzés. Ez az a kategória, ami egy plugin-alapú oldalban egyszerűen nem létezik.
5. Üzemeltetés: a modell, ami visszahozza az árát
Az ügyfél a becsült havi tartalommennyiség alapján karbantartási csomagot választott, a tartalomfeltöltést azóta is én végzem. Őszinte mérleg: az egyedi fejlesztés belépő ára magasabb volt, mint egy WordPress-oldalé lett volna. Cserébe olyan oldala van, amely maximális biztonságú, kiváló teljesítménymutatókkal fut, és nincsenek benne plugin-függőségek, se azok hibalehetőségei. Az üzemeltetés hosszú távon visszahozza a különbséget.
Az eredmény
| Mutató | Érték |
|---|---|
| Mobil teljesítmény | 98 |
| Asztali teljesítmény | 100 |
| Kisegítő lehetőségek / Bevált módszerek / SEO | 96 / 100 / 100 |
| Plugin-függőségek | 0 |
| Frissítési kockázat | 0 |
Az oldal pontosan azt tudja, amiért készült: gyors, biztonságos, keresőbarát, és az ügyfélnek egyetlen percet sem kell vele foglalkoznia.
Hogyan tovább
A második fejlesztési ütemben AI-chatbot és további automatizmusok kerülnek az oldalra. Az alapok ehhez már készen állnak.
Tech stack
Next.js · Supabase (Postgres, RLS, Storage) · TypeScript · MailerLite · Resend · Cloudflare Turnstile · Playwright · Vercel
Neked is olyan oldal kell, amivel nem kell foglalkoznod?
Mondd el pár percben, mit építenél, és kapsz egy előzetes árajánlatot, a valós áraimra hangolva.
További esettanulmányok
Eszterkrém
Mobil PageSpeed 39 → 88, asztali 71 → 100 egy örökölt sablonkörnyezetben. A 48 másodperces LCP diagnózisától a hűségpont-rendszerig és az automata kampányokig, majd állandó karbantartás, hogy így is maradjon.
EsettanulmányÁtépítés · WordPressArbormachine
Teljes újjáépítés: elavult sablonból modern, konverzióra szabott oldal, ügynökségi designból pixelpontosan, saját sablonrendszeren. Asztali PageSpeed 4×100, mobilon 98, úgy, hogy a hero alatt videók futnak.
Esettanulmány