Next.js స్టాటిక్ ఫైల్లను (చిత్రాలు, ఫాంట్లు, చిహ్నాలు, PDF, robots.txt) మీ ప్రాజెక్ట్ రూట్లో ఉన్న ప్రత్యేక public/ ఫోల్డర్ నుండి సేవ చేస్తుంది.
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
ఫైల్ URLపై అందుబాటులో ఉంది — భాగం డ్రాప్ చేయబడుతుంది. రూట్ నుండి సంపూర్ణ పథ ఉపయోగించి వాటిని సూచించండి:
public/logo.png/logo.pngpublic/import Image from "next/image";
export default function Header() {
return (
<>
<Image src="/logo.png" alt="Logo" width={120} height={40} />
<img src="/icons/star.svg" alt="" />
<a href="/docs/guide.pdf">Download guide</a>
</>
);
}
// Option A: from public/ — referenced by URL string
<Image src="/logo.png" width={120} height={40} alt="" />
// Option B: imported — bundled, hashed for caching, dimensions inferred
import logo from "./logo.png";
<Image src={logo} alt="" /> // width/height come from the import automatically
దిమ్మ చేయబడిన చిత్రాలు కంటెంట్-హ్యాష్ చేయబడిన ఫైల్ పేరును పొందుతాయి (గొప్ప దీర్ఘకాల ক్యాషింగ్) మరియు Next వాటి కొలతలను ఊహించగలదు. స్థిర URL (favicon, robots.txt, og-images, డౌన్లోడ్లు) ద్వారా సూచించిన ఫైల్ల కోసం public/ ఉపయోగించండి మరియు సమయోజిత చిత్రాల కోసం దిమ్మ సూచించండి.
public/ రన్టైమ్ అప్లోడ్ గమ్యస్థానం కాదు.public/ లోని ప్రతిదీ URL ద్వారా సార్వજనికంగా ప్రాప్యమైనది.public/ ఫోల్డర్ Next.js (favicons, robots.txt, OG-images, డౌన్లోడ్లు) లో స్టాటిక్ ఫైల్లను సేవ చేయడానికి సరళ, సమ్మతి-ఆధారిత మార్గం.
దీని కంటెంట్ URL రూట్కు మ్యాప్ చేయబడిందని తెలుసుకోవడం — మరియు ఆస్సెట్ (public/ నుండి సూచించిన) కంటే (హ్యాష్ చేయబడిన, క్యాచేబుల్, ఆటో-సైజ్డ్) దిమ్మ చేయడానికి ఎప్పుడు బాగుంది — రోజువారీ స్టాటిక్-ఆస్సెట్ అవసరాలను కవర్ చేస్తుంది.