Keretrendszer
A webalkalmazást a Next.js keretrendszerben fejlesztettük. A Next.js egy FullStack React keretrendszer, amely lehetővé teszi a Frontend és Backend egyidejű fejlesztését egyetlen kódbázisban. Azért választottuk ezt a keretrendszert, mivel gyorsan és hatékonyan lehet vele webalkalmazásokat fejleszeni, amelyek könnyen skálázhatóak a későbbiekben, köszönhetően az átlátható mappa alapú struktúrának és a beépített megoldásoknak.
A Next.js széleskörű megoldásokat kínál kisebb és nagyobb projektek kialakítására. Akár egyéni fejlesztő, vagy egy nagyobb csapat tagja az illető, a Next.js segíthet interaktív, dinamikus és gyors React-alkalmazások létrehozásában.
Példa egy Next.js alkalmazás készítésére
Next.js alkalmazás létrehozása
bunx --bun create-next-app@latest
A fenti parancs egy úgynevezett boilerplate-et hoz létre, amely az alap struktúrát és fájlokat tartalmazza egy Next.js alkalmazásban. Ezek előtt ugyan felfog tenni pár kérdést, például a projekt nevét, a fájlok elhelyezkedését, akarunk e TypeScript-et vagy Tailwind CSS-t használni, stb.
Next.js alkalmazás fejlesztői szerverének indítása
bun run dev
A parancs végrehajtása után elindul a fejlesztői szerver az alapértelmezett localhost szerveren:
http://localhost:3000