B2B és B2C oldalak, webshopok, ügyfélportálok és belső webappok Next.js + React + TypeScript stack-en. Statikus HU/EN/DE többnyelvűség, mérhető 1.8s alatti LCP mobilon. Igény szerint WordPress vagy WooCommerce is, ha a projekt jellege indokolja.
Üzleti kontextus
Néhány tipikus helyzet, amikor érdemes velünk egyeztetni. Ha ezek közül több is ismerős, jó eséllyel tudunk segíteni.
Az oldal mobilon 4-5 másodperc alatt töltődik be, a Lighthouse pontszám 50 alatt. Ez SEO-veszteség és konverzió-veszteség egyszerre. Next.js statikus generálással 1.8s alá szokott menni a mobil LCP.
A főoldal asztali nézeten jól néz ki, de telefonon szétesik. A forgalom 60-70%-a viszont mobilról jön. Mobile-first redesign, Tailwind alapú reszponzív rendszer, dokumentált design tokenek.
Minden szövegmódosításhoz pull request és deploy kell. A marketing nem tud önállóan dolgozni. Headless CMS (Sanity, Strapi) vagy WordPress backendet kapcsolunk a frontendhez, hogy a tartalom-szerkesztés ne legyen fejlesztői feladat.
A Google nem találja az oldalt, a látogatók nem konvertálnak. Technikai SEO audit, schema.org markup, OpenGraph, sitemap, robots.txt, és A/B tesztelhető landing variációk PostHog vagy GrowthBook alatt.
Szállítmány
Konkrét deliverable-ök, nem absztrakt képességek. Minden szállítmányhoz dokumentáció és átadás-átvétel tartozik.
B2B SaaS landing, B2C webshop, ügyfélportál vagy belső admin. App Router, RSC + Client Components, TypeScript strict mód. Vercel preview deploy minden PR-re, Lighthouse 90+ minimum minden kategóriában.
Sanity vagy Strapi backend, Next.js frontenddel. Real-time preview a szerkesztőknek, multilingual tartalomkezelés, image optimization automatikusan. A marketing önállóan tud új cikkeket és oldalakat publikálni.
Custom theme fejlesztés Tailwinddel, WooCommerce-alapú webshopok, payment gateway integráció (Stripe, Barion, OTP). Plugin-fejlesztés saját igényekre, biztonságos hosting és WP-CLI alapú deploy.
Auth (NextAuth, Clerk vagy Supabase Auth), role-based access control, audit log. Belső admin felületek Next.js + Tailwind alapon, REST vagy GraphQL API integrációval. A felhasználói flow-k átadási jegyzőkönyvvel.
next-intl alapon, locale-aware routing, fordítási kulcsok rendszerezése, statikus generálás minden locale-ra. SEO szempontból minden nyelv külön indexelhető, hreflang tag-ekkel.
Output
A go-live nem a vég, hanem egy átadás. Minden alábbi artifactot kézbe kapsz, és a csapatod is dolgozhat vele.
Next.js app TypeScript strict módban, ESLint + Prettier konfig, lint-staged + Husky pre-commit hookok. Repo a megrendelő GitHub vagy GitLab org alatt.
Színek, spacing, typography mint Tailwind config, komponens-inventár screenshotokkal. Storybook nem kötelező, de elérhető opció.
Vercel project setup, preview deploy minden PR-re, custom domain konfig, environment variables dokumentáció.
Sitemap.xml, robots.txt, schema.org markup (Organization, FAQPage, ahol releváns), Vercel Analytics vagy Plausible bekapcsolva.
Desktop + mobile Lighthouse + Core Web Vitals mérés, 90+ minden kategóriában. Regression check CI-ban.
Tartalom-szerkesztési útmutató (CMS használat), újrahasználható komponensek listája, fejlesztői onboarding doc.
Konverzió, performance, error trend a launch utáni 3 hónapról, javaslati lista a Q+1 körre.
Folyamat
Hat lépés discoverytől supportig. A területspecifikus tartalmat itt fixre szabtuk a projekttípusra.
Üzleti célok, célközönség, konkurencia audit, SEO elemzés, információs architektúra.
Wireframe, Figma high-fidelity, mobile + desktop UI, design system.
Next.js + TypeScript, agile sprintek, code review, Vercel preview deploy minden PR-re.
Unit + integration test (Vitest), E2E (Playwright), accessibility audit, cross-browser.
Lighthouse audit, SEO indexelés, monitoring (Sentry), error tracking, analytics setup.
90 napos post-launch loop, tartalom frissítés, A/B teszt, finomhangolás.
Architektúra
Modern Jamstack-architektúra: a frontend statikusan generált és CDN-en él, a dinamikus tartalom serverless API-n keresztül érhető el. Skálázható és gyors.
A felhasználói böngésző az edge CDN-ről kapja meg a statikus HTML-t és az asseteket — ez a sub-second LCP titka. A dinamikus tartalom (form submit, ügyfél-portál, fizetés) Next.js Server Action vagy serverless API route-on keresztül megy.
A backend lehet kapcsolódó CMS (Sanity, WordPress), saját REST/GraphQL API, vagy 3rd party szolgáltatás (Stripe, HubSpot). A frontend és a backend nincsenek erősen csatolva — ha egy backend cseréje szükséges, a frontend a kontraktushoz tartja magát.
Stack
Bevált, dokumentált eszközöket választunk. Ha a projekt indokolja, ettől eltérünk — de mindig megokoljuk.
Integrációk
Tipikus 3rd party integrációk, amelyeket gyakran kötünk be Next.js projektekbe.
Idővonal
Egy közepes komplexitású Next.js projekt 10-12 hét. Kisebb landing site 4-6 hét, komplex webapp ügyfélportálal 14-20 hét.
Üzleti cél, audience, konkurencia, IA, scope véglegesítés.
Wireframe, hi-fi Figma, design system, mobile + desktop.
Next.js fejlesztés agile sprintekben, Vercel preview deploy minden PR-re.
Cross-browser, accessibility audit (axe), Lighthouse, content review.
Domain cutover, monitoring on, SEO indexing, analytics validation.
Korlátok
Őszintébb, ha előre tisztázzuk. Néhány típusú munkát szándékosan nem csinálunk — vagy mert nem a profilunk, vagy mert nem tudjuk olyan minőségben szállítani, amiért aláírnánk.
A piacon van olcsóbb partner sablonos megoldásra. Nálunk a minimum scope-tól kezdve dokumentált, performance-tesztelt szállítás van — ennek meg van az ára.
Az on-page technikai SEO-t (markup, sitemap, Core Web Vitals) bevállaljuk. De a copywriting külön szakma — javasolt copywriterrel együttműködünk vagy a megrendelő tartalmi csapatával.
Ha kész oldal kell hosting + minor maintenance keretben, ahhoz dedikált hosting partner alkalmasabb. Mi a fejlesztés + 90 napos post-launch kombinációban dolgozunk.
Ha a megoldás kimerül 5 oldalas brochure-on standard sablonra, ez nem a mi szakterületünk — túl drágák lennénk hozzá.
Az első hét
Az első 5 munkanap célja: stratégiai döntések fixálása és egy konkrét roadmap.
Hétfő
60 perc, üzleti cél, stakeholder, success metric. Onboarding pack átadása.
Kedd
Brand assetek, meglévő tartalom, hangvétel, SEO keyword research alapok.
Szerda
Domain, DNS, jelenlegi platform, analytics-hozzáférés, integrációs partnerek.
Csütörtök
Information architecture, főbb user flowk, kezdeti wireframe sketch.
Péntek
10-12 hetes vázlatos terv, milestones, döntési pontok, scope finomítás.
Árazás
Három együttműködési forma. Mindegyik mellé pontos scope tartozik a discovery után — konkrét számokat akkor mondunk, ha láttuk a projektet.
Discovery után fix árú projekt, fix határidővel. Egyértelmű scope dokumentum, change request-folyamat, milestone-alapú teljesítés. A go-live napja előre dátumozva.
Mikor ideális
Marketing site, brochure-oldal, webshop alapfunkciókkal, B2B SaaS landing.
Heti vagy kétheti sprintek, transzparens időnaplózás, prioritás-alapú backlog. Skálázható csapat-méret, rugalmas scope-mozgás.
Mikor ideális
Ügyfélportál, belső admin, B2B SaaS termék, ahol a scope evolúciós.
Havi fix kapacitás (pl. 40-80 óra), SLA-szerű ticket-kezelés, kisebb fejlesztések és bug fix-ek. Kiszámítható havi költség.
Mikor ideális
Post-launch maintenance, kisebb feature-fejlesztés, content site karbantartás.
Esettanulmányok
Anonimizált esetek, amelyek illeszkednek ehhez a pillérhez. A részletes verzió jegyzőkönyveink alapján készül.
GYIK
Következő lépés
Konkrét scope, transzparens árazás, dokumentált szállítás. Az első 30 perces hívás díjmentes, NDA aláírás után konkrét számokat is mondunk.