Next.js કયા તૈનાતી વિકલ્પો અને બિલ્ડ આઉટપુટને સમર્થન આપે છે?

Question

IT Interview Practice · Accepted Answer

Next.js અનેક તૈનાતી લક્ષ્યોને સમર્થન આપે છે, અમુક સુધારા **`output`** કોન્ફિગ દ્વારા નિયંત્રિત થાય છે. યોગ્ય પસંદગી તેના પર આધાર રાખે છે કે તમને Node સર્વર, કન્ટેનર્સ અથવા શુદ્ધ સ્ટેટિક હોસ્ટિંગની જરૂર છે કે નહીં.

## બિલ્ડ આઉટપુટ મોડ્સ

```js
// next.config.js
module.exports = {
  // output: undefined  → default: needs a Node.js server (full features)
  // output: "standalone" → self-contained folder for Docker/containers
  // output: "export"     → pure static HTML/CSS/JS (no server)
};
```

## 1. ડિફૉલ્ટ (Node સર્વર) — સંપૂર્ણ સુવિધાઓ

Node.js સર્વર ચલાવે છે, તેથી તમને **બધું** મળે છે: SSR, ISR, Server Actions, Route Handlers, ઈમેજ ઑપ્ટિમાઈજેશન, middleware. આ એવા પ્લેટફોર્મ્સ જેમ **Vercel** (Next.js નું નિર્માતા, શૂન્ય-કોન્ફિગ) અને Node હોસ્ટ્સ દ્વારા વપરાય છે.

## 2. output: "standalone" — Docker / સ્વ-હોસ્ટિંગ માટે

```dockerfile
# Next traces only the needed files into .next/standalone → a tiny, self-contained server
COPY --from=builder /app/.next/standalone ./
CMD ["node", "server.js"]
```

`standalone` ફક્ત ઉપયોગમાં લેવાતી સંબંધીક્ષતા સાથે એક ન્યૂનતમ ફોલ્ડર ઉત્પાદિત કરે છે, AWS, GCP, તમારા પોતાના સર્વર્સ વગેરે પર નાની Docker ઈમેજ્સ માટે આદર્શ. તમે બધી સર્વર સુવિધાઓ રાખો છો.

## 3. output: "export" — સંપૂર્ણપણે સ્ટેટિક

```text
next build → out/  (plain HTML/CSS/JS, deployable to any static host: S3, GitHub Pages, Netlify CDN)
```

સ્ટેટિક એક્સપોર્ટ સૌથી સસ્તી, સરળતમ હોસ્ટિંગ આપે છે પણ **સર્વર સુવિધાઓને અક્ષમ કરે છે**: કોઈ SSR નહીં, કોઈ ISR નહીં, કોઈ Route Handlers નહીં, કોઈ Server Actions નહીં, કોઈ ઓન-ધ-ફ્લાય ઈમેજ ઑપ્ટિમાઈજેશન નહીં. સંપૂર્ણપણે સ્ટેટિક સાઇટ્સ માટે જ યોગ્ય.

## પસંદગી કરી રહ્યા છો

```text
Need SSR/ISR/Server Actions, want zero-config → Vercel (or a Node host) — default output
Want containers / self-host with full features → output: "standalone" + Docker
Purely static content (docs, marketing)        → output: "export" → any static CDN
```

## અન્ય વિચારણાઓ

```text
- Runtime choice (Edge vs Node) affects where functions run
- Self-hosting ISR/caching needs persistent storage or a shared cache
- Image optimization on non-Vercel hosts may need a custom loader
```

## તે શા માટે મહત્વપૂર્ણ છે

તૈનાતી એક-આકાર-બધા માટે નથી: `output` મોડ્સ નક્કી કરે છે કે કયા Next.js સુવિધાઓ બચી છે.

જાણવું કે **ડિફૉલ્ટ/Node** આઉટપુટ તમામ સર્વર ક્ષમતાઓ રાખે છે, **standalone** તેમને Docker/સ્વ-હોસ્ટિંગ માટે પેક કરે છે, અને **export** સંપૂર્ણ સ્ટેટિક હોસ્ટિંગ માટે તમામ સર્વર સુવિધાઓની વેપારી કરે છે તમને બિલ્ડને તમારા બુનિયાદી ઢાંચા સાથે મેળવવા દે છે — અને `output: "export

બિલ્ડ આઉટપુટ મોડ્સ

1. ડિફૉલ્ટ (Node સર્વર) — સંપૂર્ણ સુવિધાઓ

2. output: "standalone" — Docker / સ્વ-હોસ્ટિંગ માટે

3. output: "export" — સંપૂર્ણપણે સ્ટેટિક

પસંદગી કરી રહ્યા છો

અન્ય વિચારણાઓ

તે શા માટે મહત્વપૂર્ણ છે

સંબંધિત પ્રશ્નો