Drew Systems
Referenciák

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.

Nézd meg az élő oldalt

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ény98
Asztali teljesítmény100
Kisegítő lehetőségek / Bevált módszerek / SEO96 / 100 / 100
Plugin-függőségek0
Frissítési kockázat0

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.