Weboldal
Next.js: amikor a weboldal valójában webalkalmazás
Nagy Krisztián · 2026. október 28. · 2 perc olvasás
Fiókok, fizetés, számlázás, interaktív eszközök, saját adminfelület. Mit tud egy Next.js-ben fejlesztett oldal, mit jelent a Vercel és a Supabase, és mikor éri meg ez az út egy cégnek.
A Next.js egy modern webes keretrendszer, a React nevű, széles körben használt programozási könyvtárra épül. Benne a weboldal programként készül: minden oldal, minden gomb, minden űrlap kódban van megírva. Nincs kész szerkesztőfelület, cserébe szinte bármi megvalósítható, ami egy böngészőben futhat.
Mit tud, amit egy egyszerű oldal nem
- Felhasználói fiókok, bejelentkezés, jogosultságok: ki mit láthat és mit szerkeszthet.
- Online fizetés és automatikus számlázás, letesztelt, mindig ugyanúgy működő folyamatban.
- Interaktív eszközök: kalkulátor, konfigurátor, kereső, gyakorlófeladat, bármi, ami számol vagy reagál.
- Saját adminfelület, amely pontosan a cég munkájához igazodik, nem egy általános szerkesztő.
Hol fut, és hol vannak az adatok
Egy Next.js-oldal jellemzően egy erre szakosodott tárhelyen fut, például a Vercelen, amely a fejlesztők által készített kódot automatikusan élesíti. Az adatok egy külön adatbázisban vannak, például a Supabase-ben, amely a felhasználókezelést és a fájltárolást is adja. Ez a felosztás azért jó, mert a weboldal és az adatok külön skálázhatók és menthetők.
Saját példák
A learn.kinva.hu, a saját tanulási platformom, így készült. Tanfolyamok, felhasználói fiókok, tagság, online fizetés és automatikus számlázás, interaktív laborok, és egy saját adminfelület, ahol a tartalmat szerkesztem és a bevételeket követem. Ilyen az az oldal is, amit most olvas: kisebb, de ugyanerre a technológiára épül, és az ajánlatkérő űrlapja levelet küld.
Gyors és jól kereshető
A Next.js az oldalakat előre is el tudja készíteni, így a látogatónál ugyanolyan gyorsan jelennek meg, mint egy kézzel írt oldal. A keresők számára is jól olvasható, ami a megtalálhatóság miatt fontos. Ahol pedig friss adat kell, például egy bejelentkezett felhasználó saját oldala, ott az adott pillanatban készül el.
A hátrányai
- Minden módosításhoz fejlesztői munka kell, mert nincs kész szerkesztőfelület, hacsak nem építünk egyet.
- Az elkészítése több munka, mint egy kész WordPress-témáé, ezért drágább is.
- A tárhely és az adatbázis külön szolgáltatás, amit szintén kezelni kell.
- Ha a fejlesztő elérhetetlenné válik, kell valaki, aki átveszi; ezért fontos a tiszta, dokumentált kód.
Hogyan változtatott ezen az AI
A fejlesztés jelentős részét ma egy AI-asszisztenssel végzem. Ez nem azt jelenti, hogy a gép írja meg helyettem az oldalt, hanem azt, hogy a gyakori, ismétlődő részek gyorsabban elkészülnek, és több idő marad a tervezésre, az ellenőrzésre és a tesztelésre. Egy kisebb Next.js-oldal így ma elérhetőbb, mint néhány éve.
Mikor éri meg
- ha az oldalnak dolgoznia kell: fizetést fogadni, fiókokat kezelni, számolni, adatot tárolni
- ha a kész WordPress-bővítmények nem tudják azt, amit a cég kér, vagy túl sokat kellene egymásra építeni
- ha az oldal hosszú távon egy saját szolgáltatás alapja lesz, nem csak egy bemutatkozás
- ha fontos a nagyon gyors betöltés és a pontosan saját megjelenés
A Next.js nem jobb vagy rosszabb a WordPress-nél, hanem másra való. Egy bemutatkozó oldalhoz túlzás, egy saját platformhoz viszont gyakran a legjobb választás.
Referencia
Ezt az oldalt én készítettem, és ma is én üzemeltetem.