Next.js razvoj web stranica, shopova i aplikacija

Kome treba Next.js?

Next.js treba projektima kod kojih brzina, skalabilnost ili aplikacijska logika donose novac: web shopovima s hiljadama proizvoda, portalima s puno posjeta, platformama s korisničkim nalozima i sajtovima koji povlače podatke iz više sistema. Ako vam treba sajt od deset stranica koji uređujete jednom mjesečno, Next.js je preskup alat.

Next.js preporučujemo za:

• Veliki katalog gdje svaka kategorija i proizvod moraju se otvoriti brzo i na slabijem mobilnom internetu.
• Headless web shop: WooCommerce ili drugi sistem u pozadini, a brz Next.js prikaz za kupce.
• Portale i sadržajne sajtove s mnogo stranica i prometa.
• Aplikacije s prijavom, kontrolnom tablom, rezervacijama ili kalkulacijama.
• Sajtove koji spajaju više izvora: CMS, ERP, CRM i vanjske API-je.

Ne preporučujemo ga za jednostavnu prezentacionu stranicu, sajt koji održava osoba bez programera i projekat s malim budžetom. Za to je bolja izrada web stranice na WordPressu.

Šta radimo u Next.js projektu?

Radimo arhitekturu, dizajn, razvoj, povezivanje s CMS-om ili shopom, SEO osnovu, mjerenje i postavljanje na hosting. Sadržaj uređujete u CMS-u koji poznajete, najčešće u WordPressu koji tada služi kao pozadina, a posjetioci vide brz Next.js prikaz. Izvorni kod je u repozitoriju koji pripada vama.

• Arhitektura: koje stranice se generišu unaprijed, koje na serveru, a šta se učitava na klijentu.
• CMS: WordPress kao headless pozadina ili drugi CMS, prema tome šta vaš tim zna koristiti.
• Web shop: WooCommerce kao pozadina za katalog, zalihe i narudžbe, uz lokalne procesore kartica.
• SEO: HTML koji pretraživač vidi bez JavaScripta, metapodaci, sitemap, schema oznake i čisti URL-ovi.
• Slike: automatski manji formati i veličine prema ekranu.
• Mjerenje: GA4, Search Console i praćenje Core Web Vitals na stvarnim posjetama.
• Hosting i objava: automatska objava iz repozitorija i probne verzije za svaku izmjenu.
• Dokumentacija za vaš ili budući tim.

Kako izgleda proces?

Next.js projekat počinje procjenom isplativosti i tehničkom arhitekturom, jer greška u arhitekturi kasnije košta najviše. Zatim slijede dizajn, razvoj u kraćim ciklusima s probnim verzijama, mjerenje brzine i objava. Svaki korak završava nečim što možete pogledati u pregledniku, a ne samo izvještajem.

Je li Next.js stvarno brži? Iskreno o dokazima

Next.js omogućava vrlo brze stranice, ali ih ne garantuje. Brzinu određuju veličina slika, količina JavaScripta, fontovi, skripte za oglase i hosting, a ne samo framework. Loše napravljen Next.js sajt može biti sporiji od dobro napravljenog WordPressa. Zato brzinu ne obećavamo, nego je mjerimo na stvarnim posjetama i rezultat pokazujemo.

Kako mjerimo:

Pokazatelj	Šta znači	Dobra vrijednost (Google)
LCP	koliko brzo se prikaže glavni sadržaj	do 2,5 s
INP	koliko brzo stranica reaguje na klik ili dodir	do 200 ms
CLS	koliko se raspored pomjera tokom učitavanja	do 0,1

Google ove pragove mjeri na 75 % stvarnih posjeta, odvojeno za mobitel i računar (web.dev). Laboratorijski test u PageSpeed Insightsu korisno je pomagalo, ali odluku donosimo na osnovu podataka sa stvarnih uređaja iz Search Consolea i Chromeovog izvještaja o korisničkom iskustvu.

Šta obećavamo, a šta ne:

• Obećavamo da ćemo prije objave izmjeriti LCP, INP i CLS na mobitelu i dati vam rezultate.
• Obećavamo da ćemo nakon objave pratiti podatke sa stvarnih posjeta i ispraviti ono što ne prolazi.
• Ne obećavamo „100/100 u PageSpeedu“, jer laboratorijski rezultat ne odražava vaše stvarne kupce.
• Ne objavljujemo brojke s klijentskih projekata bez njihove dozvole. Mjerenja s odobrenih projekata objavljujemo na stranici reference.

Za vlastiti novi sajt cilj nam je LCP ispod 2 sekunde, INP ispod 200 ms i CLS ispod 0,05 na mobitelu. Taj sajt radimo na WordPressu s laganom temom, jer nam treba jednostavno uređivanje bloga. To je i najbolji dokaz da brzinu ne donosi samo izbor frameworka.

Koliko košta Next.js razvoj?

Next.js projekat je skuplji od iste stranice na WordPressu, jer traži više programiranja i odvojen CMS. Cijenu dajemo pisanom ponudom nakon procjene arhitekture. Za orijentaciju, poslovna web stranica kod nas kreće od 2.000 KM, a web shop od 3.000 KM bez PDV-a, dok Next.js verzija istog obima košta više zbog razvoja.

Šta određuje cijenu: broj šablona, izvori podataka i integracije, korisnički nalozi i uloge, broj jezika, zahtjevi za brzinu i hosting. Za veće projekte moguće je plaćanje na rate.

Next.js ili WordPress?

WordPress je bolji kad vam je najvažnije da sami uređujete sadržaj i da projekat bude jeftiniji. Next.js je bolji kad imate puno prometa, veliki katalog ili aplikacijske funkcije. Često je najbolje rješenje kombinacija: WordPress kao CMS u pozadini, a Next.js kao brz prikaz za posjetioce.

Kriterij	WordPress	Next.js (headless)
Trošak izrade	niži	viši
Uređivanje sadržaja	ugrađeno	preko CMS-a u pozadini
Brzina	dobra uz pažljivu izradu	vrlo dobra uz pažljivu izradu
Aplikacijske funkcije	ograničeno	puna sloboda
Ko može održavati	većina programera	React/Next.js programer

Kad trebate potpuno vlastitu aplikaciju, pogledajte custom web aplikacije. Za brzi headless shop pogledajte izradu web shopova.

Šta je specifično za BiH?

Za projekte u BiH bitno je da Next.js prikaz radi s lokalnim procesorima kartica, da se sadržaj i podaci kupaca obrađuju u skladu sa Zakonom o zaštiti ličnih podataka iz 2025. i da hosting ima dobru povezanost prema korisnicima u regiji. Lokalni procesori kartica rade preko preusmjeravanja ili ugrađenih komponenti, što se uklapa i u Next.js.

• Plaćanje: Monri i bankovni procesori povezuju se preko pozadinskog shopa ili direktno preko API-ja. Detalji na stranici integracija plaćanja karticama.
• Lični podaci: ako hosting ili CMS rade izvan BiH, politika privatnosti to treba navesti (Zakon o zaštiti ličnih podataka, Službeni glasnik BiH 12/25). Ovo nije pravni savjet.

Primjer: kada Next.js ima smisla

Primjer: distributer autodijelova iz Sarajeva ima WooCommerce shop s 20.000 artikala i pretragom po vozilu. Kategorije se na mobitelu otvaraju sporo, a kupci odustaju prije nego što nađu dio. Ovo je ilustrativni scenarij, a ne stvarni klijent.

Umjesto novog shopa, WooCommerce ostaje pozadina za artikle, zalihe i narudžbe, a kupci dobijaju Next.js prikaz s unaprijed generisanim kategorijama i brzom pretragom. Naplata i dalje ide preko istog procesora kartica. Prije i poslije prelaska mjere se LCP i INP na stvarnim posjetama, pa vlasnik vidi da li je ulaganje donijelo bržu kupovinu.

Najčešće greške u Next.js projektima

Najčešće greške su izbor Next.js-a za sajt kojem ne treba, renderovanje svega u pregledniku, previše skripti trećih strana, izostanak plana za uređivanje sadržaja i mjerenje brzine samo na brzom računaru. Rezultat je skuplji projekat koji nije brži od jednostavnijeg rješenja.

1. Next.js za sajt kojem ne treba. Veći trošak izrade i održavanja bez stvarne koristi.
2. Sve se renderuje na klijentu. Pretraživač i spori telefoni dobijaju praznu stranicu dok se JavaScript ne učita.
3. Teške skripte trećih strana. Chat, oglasne i analitičke skripte znaju poništiti prednost frameworka.
4. Nema plana za uređivanje sadržaja. Svaka izmjena teksta traži programera.
5. Mjerenje samo u laboratoriji. Stvarni kupci imaju slabije telefone i sporiji internet od testnog računara.