Kako serviraš statične sredstva v Next.js?

Question

Accepted Answer

Next.jsservira statične datoteke (slike, pisave, ikone, PDF-je, robots.txt) iz posebne mape public/ v korenu projekta.

Mapa public se preslika na koren URL-ja

text

public/
  logo.png          → served at  /logo.png
  favicon.ico       → served at  /favicon.ico
  docs/guide.pdf    → served at  /docs/guide.pdf
  robots.txt        → served at  /robots.txt

Datoteka na je dostopna na URL-ju — del je izpuščen. Nanje se sklicuješ z absolutno potjo iz korena:

Download guide ); } ``` ## public/ v primerjavi z uvozom sredstev ```tsx // Option A: from public/ — referenced by URL string

// Option B: imported — bundled, hashed for caching, dimensions inferred import logo from "./logo.png";

// width/height come from the import automatically ``` **Uvožene** slike dobijo ime datoteke z zgostilko vsebine (odličnega dolgotrajnega cachiranja) in Next lahko sklepa njihove dimenzije. Uporabi `public/` za datoteke, ki so referencirane s stabilnim URL-jem (favicon, robots.txt, og-slike, datoteke za prenos) in **uvozov** za slike, ki se uporabljajo neposredno v komponentah. ## Opozorila - Le datoteke, ki so prisotne ob **času gradnje**, so serviran — `public/` ni namenjena za nalaganje med delovanjem. - Tam ne postavljaj skrivnosti — vse v `public/` je javno dostopno preko URL-ja. ## Zakaj je to pomembno Mapa `public/` je preprost, na konvenciji temelječ način za serviranja statičnih datotek v Next.js-u (favicons, robots.txt, OG-slike, prenos datotek). Znanje, da se njena vsebina preslika na koren URL-ja — in kdaj je bolje uvoziti sredstvo (zgostljano, predpomneno, avtomatsko velikost) v primerjavi s sklicevanjem nanj iz `public/` — pokriva vsakodnevne potrebe za statična sredstva.