Ovo je tehnička odluka koja ima poslovnu posljedicu, pa je vrijedi razumjeti i kad ne pišete kod. Razlika između obične React aplikacije i Next.js-a najviše se osjeti na jednom mjestu — na tome vidi li Google vaš sadržaj i koliko brzo ga vidi posjetitelj.
Razlika u jednoj rečenici
Obični React sastavlja stranicu u pregledniku posjetitelja: dolazi gotovo prazan dokument i JavaScript koji ga popuni.
Next.js može stranicu sastaviti unaprijed, na poslužitelju, i poslati gotov HTML.
Sve ostalo su posljedice te razlike.
Zašto je to važno za vidljivost
Tražilica koja dođe na React aplikaciju u prvom prolazu vidi prazan dokument. Google danas izvršava JavaScript i najčešće dođe do sadržaja, ali u drugom prolazu i s odgodom.
Za stranicu koja živi od pretrage to je nepotreban rizik. Za sustave koji sastavljaju AI odgovore rizik je veći — dio njih uopće ne izvršava JavaScript.
Kod Next.js-a sadržaj je u HTML-u koji stigne s poslužitelja. Nema pogađanja.
Zašto je to važno za posjetitelja
Prazan dokument znači da posjetitelj gleda u bijelo dok se ne preuzme i izvrši JavaScript. Na dobroj vezi to je nezamjetno, na mobitelu na slabijem signalu su to sekunde.
Gotov HTML se prikaže odmah. Utjecaj na mjere brzine je opisan u tekstu Core Web Vitals za vlasnike tvrtki.
Kada obični React ima smisla
Nije da nikad nema:
- Aplikacija iza prijave. Interni alat, administracija, nadzorna ploča — sadržaj koji tražilica ionako ne smije vidjeti.
- Vrlo interaktivna sučelja gdje se sve događa nakon prijave.
- Nešto što se ugrađuje u postojeću stranicu.
Za interne alate obični React je često potpuno u redu, jer vidljivost u pretrazi tamo nije cilj.
Kada Next.js pobjeđuje
- Poslovna stranica, uvijek.
- Web trgovina.
- Blog i sadržaj koji treba biti pronađen.
- Više jezika, jer je usmjeravanje po jeziku ugrađeno.
- Sve što se dijeli na društvenim mrežama, jer pregled poveznice traži oznake u HTML-u.
Što Next.js donosi osim toga
- Optimizacija slika — moderni formati i veličine po uređaju, bez ručnog posla.
- Usmjeravanje po jeziku s ispravnim adresama.
- Poslužiteljski dio za obrasce i podatke bez zasebnog sustava.
- Ugrađeno cijepanje koda, pa se ne šalje sve odjednom.
Praktično, dio posla koji bi se inače slagao ručno dolazi u paketu.
Što naručitelja stvarno zanima
Ime alata ne treba biti u ponudi. Ono što treba biti provjerivo je posljedica:
Vidi li se sadržaj bez JavaScripta? Otvorite stranicu izvođača, isključite JavaScript u pregledniku i osvježite. Ako ostane prazno, to je obična React aplikacija.
Koja je mobilna ocjena? Provucite njihove radove kroz PageSpeed Insights.
Rangiraju li njihovi radovi? Potražite ime klijenta i uslugu koju nudi.
To su tri provjere koje traju pet minuta i govore više od bilo kojeg popisa tehnologija.
Česta pitanja
Je li Next.js skuplji za izradu?
Ne bitno. Za poslovnu stranicu je često i brži jer dio posla dolazi ugrađen.
Je li skuplji za držati?
Ne. Statične stranice se poslužuju besplatno za promet male tvrtke.
Može li se postojeća React stranica prebaciti?
Može, i to je čest posao. Opseg ovisi o tome kako je pisana.
Postoje li druge opcije?
Da — Astro je odličan za stranice koje su uglavnom sadržaj. Odluka ovisi o tome koliko interaktivnosti stvarno treba.
Kako to izgleda kod nas
Poslovne stranice i trgovine radimo u Next.js-u, interne alate ovisno o slučaju. Odluka se objasni na početku, jer utječe na to kako će se stranica ponašati godinama.
Recite nam što gradite ili pogledajte radove.