Ebben a videóban egy valós idejű barátkövető alkalmazás fejlesztésének kulisszái tárulnak fel, Next.js és Spacetime technológiák felhasználásával. A mini „Google Maps” jellegű app több böngésző között élőben jeleníti meg a barátok mozgását, sőt, akár a nevük is valós időben szerkeszthető.
Az alkotó bemutatja, hogyan lehet mindezt megvalósítani egyetlen projektben, bonyolult szerverek és különálló adatbázis helyett kizárólag a Spacetime eszközével, amely integrált adatbázist és szerver funkciókat kínál. Megismerjük az adatbázis sémáját – például hogyan tárolja minden felhasználó nevét, földrajzi koordinátáit, illetve online státuszát –, valamint azt, miként működnek a reducer és subscription fogalmak egy ilyen alkalmazásban.
Sor kerül a projekt telepítésére, a backend fejlesztésére TypeScript-ben, majd a frontend összeállítására, ahol React hook-okkal és a Leaflet könyvtárral kezelik a valós idejű helymegjelenítést és interaktív térképfunkciókat. A nézők betekintést kapnak a grafikai elemek személyre szabásába és megismerhetik, hogyan válik minden böngészőfül saját felhasználóvá a tesztelés során.
Felmerülnek olyan izgalmas kérdések, mint: Hogyan lehet egyetlen websocket kapcsolattal frissíteni minden résztvevő helyzetét azonnal? Miként működik a kliensek azonosítása a háttérben? Hogyan kezelhetők az élő adatfrissítések a frontend és a backend között? Ezeknek a témáknak a mentén vezet végig a videó az alkalmazás elkészítésének teljes folyamatán.
