Frontend, backend és full-stack

Mit jelent a frontend, backend és full-stack?

A frontend a felhasználói eszközön futó és látható réteg, a backend pedig olyan megbízható szerverkörnyezet, ahol üzleti logika, privilegizált művelet és titkos credential is kezelhető. A full-stack nem azt jelenti, hogy a két oldal határa eltűnik, hanem hogy ugyanaz a fejlesztő mindkettővel dolgozik.

Hogyan működik a gyakorlatban?

Modern frameworkök egy repositoryban engednek kliens- és szerveroldali kódot írni. Ettől még kritikus tudni, melyik kód kerül a böngészőbe, melyik fut szerveren, és mely adatot szabad átléptetni a határon.

• Frontend nem biztonságos hely secrethez.
• Backend dönt az érzékeny jogosultságról.
• A közös TypeScript típus nem teszi azonossá a futtatási környezetet.
• A full-stack architektúrát továbbra is trust boundaryk mentén kell tervezni.

Gyakorlati fejlesztői szemlélet

Egy feature tervezésekor bontsd három részre: megjelenítés és interakció; üzleti döntés és jogosultság; adatperzisztencia. Ez tisztább komponenseket és tesztelhetőbb határokat ad.

Gyakori hibák és félreértések

• API kulcsot frontend env változóba tenni, mert ugyanabban a projektben van a backend.
• Minden adatfeldolgozást kliensre tolni.
• A backend válaszát automatikusan biztonságos HTML-ként kezelni.