Kaj je Next.js in kaj doda k Reactu?

Question

Accepted Answer

**Next.js** je full-stack React **framework**. React sam je le UI knjižnica — prikazuje komponente, vendar preusmerjanje, pridobivanje podatkov, renderiranje strežnika in orodja za izgradnjo prepusti vami. Next.js zagotavlja vse to »iz škatle«, plus strežniški čas izvajanja. ## Kaj React sam pusti (in Next.js doda) ```text React (library) → Next.js (framework) adds: ────────────────────────────────────────────────── UI rendering only → File-based routing (folders = routes) Client-side rendering → Server rendering (SSR), static generation (SSG), ISR You wire data fetching → Built-in data fetching + caching No backend → API routes / Route Handlers (full-stack) Manual bundling → Zero-config build, code splitting, optimization Manual → next/image (auto-optimized images), next/font ``` ## Konkreten primer: pot je samo datoteka ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` V navadnem Reactu bi namestili usmerjevalnik, konfigurirali poti in nastavili izgradnjo. V Next.js je ustvarjanje datoteke pot. ## Zakaj ga izberejo ekipe - **SEO in zmogljivost** — HTML, renderiran na strežniku, pomeni, da je vsebina v začetnem odgovoru (dobro za crawlerje in hitro prvo slikanje), v nasprotju s samo SPA-om React-a, ki pošlje prazno stran in nato hidracijo. - **Full-stack v enem projektu** — frontend in backend (API poti, Server Actions) skupaj. - **Privzetki, pripravljeni za produkcijo** — avtomatsko delitev kode, optimizacija slike/pisave, predpomnenje. ## Zakaj je to važno Next.js je najbolj priljubljen React framework, ker iz Reacta iz UI knjižnice pretvori v popolno aplikacijsko platformo — upravlja strategijo renderiranja, usmerjanje, podatke in backend, tako da se osredotočite na funkcionalnosti namesto na cevovode. To je privzeta izbira, ko potrebujete SEO, zmogljivost ali serversko logiko z Reactom.