Optimizacija
Uvod

U prethodnim lekcijama smo implementirali PokeDex aplikaciju sa osnovnim funkcionalnostima:

  • navigacija uz App Router
  • dohvat liste Pokémona (server-side)
  • stranice sa dinamičkim rutama /pokemon/[name]
  • korištenje <Image> komponenti + Tailwind osnove
  • višerazinski layout s bočnim izbornikom
  • posbene "loading.js" i "not-found.js" stranice
  • klijentska komponenta: paginacija + “load more” + pretraga + reset

Kroz današnju lekciju ćemo odraditi još par završnih koraka koji su nam potrebni za postavljanje aplikacije u produkcijsko okruženje. Naravno, ovime smo pokrili samo dio funkcionalnosti Next.js, ali ipak dovoljno za napraviti funkcionalnu aplikaciju od početka do kraja. Završni koraci su nam:

  • Dodati vlastiti back-end unutar Next-a
  • Doraditi SEO i meta-podatke
  • Poboljšati performanse aplikacije (Lighthouse / Core Web Vitals)
  • Objaviti aplikaciju na Vercel-u
Last updated on April 27, 2025
Digitalna Dalmacija