سؤالات مصاحبه نکست‌جی‌اس سطح سینیور (50 سؤال)

Question 1

Suspense + streaming چه کمکی به UX می‌کند؟

Accepted Answer

بخش‌های آماده زودتر می‌آیند؛ بخش کند fallback نشان می‌دهد

Answer

کل صفحه را تا ابد مسدود می‌کند

Answer

فقط رنگ‌ها را عوض می‌کند

Answer

SEO را غیرممکن می‌کند

Question 2

Route Handler برای چه مناسب است؟

Accepted Answer

webhook، auth callback، proxy و HTTP خام

Answer

جایگزین اجباری همه Server Componentها

Answer

فقط برای استایل

Answer

ذخیره فایل در `public` از کلاینت بدون سرور

Question 3

ایدهٔ Partial Prerendering چیست؟

Accepted Answer

shell استاتیک + حفره‌های دینامیک استریم‌شده

Answer

حذف کامل بخش استاتیک

Answer

فقط CSR

Answer

غیرفعال کردن caching

Question 4

Parallel routes (`@slot`) چه امکانی می‌دهند؟

Accepted Answer

رندر هم‌زمان چند صفحه مستقل در یک layout (مثل داشبورد)

Answer

اجرای موازی build

Answer

چند دامنه برای یک اپ

Answer

رندر در Web Worker

Question 5

Intercepting routes (مثل `(.)photo`) معمولاً برای چه استفاده می‌شوند؟

Accepted Answer

نمایش مسیر به‌صورت مودال در ناوبری داخلی و صفحه کامل در رفرش

Answer

مسدود کردن درخواست‌های مخرب

Answer

redirect دائمی

Answer

ردیابی analytics

Question 6

trade-off اصلی Edge runtime نسبت به Node runtime؟

Accepted Answer

latency کمتر و cold start سریع، ولی API محدود (بدون بخشی از Node APIs)

Answer

دسترسی کامل به فایل‌سیستم

Answer

همیشه کندتر از Node

Answer

فقط برای فایل استاتیک

Question 7

`export const revalidate = 60` روی یک صفحه چه اثری دارد؟

Accepted Answer

صفحه static است و حداکثر هر ۶۰ ثانیه در پس‌زمینه بازسازی می‌شود (ISR)

Answer

صفحه هر ۶۰ ثانیه برای کاربر رفرش می‌شود

Answer

کش را ۶۰ روز نگه می‌دارد

Answer

build را ۶۰ ثانیه به تأخیر می‌اندازد

Question 8

دو fetch مستقل در یک Server Component داریم. بهترین روش؟

Accepted Answer

هم‌زمان با `Promise.all` شروع شوند

Answer

پشت سر هم با دو `await`

Answer

یکی را به کلاینت منتقل کنیم

Answer

هر دو را در useEffect

Question 9

`import "server-only"` چه فایده‌ای دارد؟

Accepted Answer

اگر ماژول در Client Component import شود، build خطا می‌دهد

Answer

ماژول را سریع‌تر می‌کند

Answer

کد را رمزنگاری می‌کند

Answer

ماژول را فقط در Edge اجرا می‌کند

Question 10

صفحه `/admin` قبل از رندر نقش کاربر را چک می‌کند. آیا Server Action `deleteUser` تعریف‌شده در آن صفحه هم امن است؟

Accepted Answer

خیر؛ Server Action یک endpoint عمومی POST است و باید خودش auth و authorization را چک کند

Answer

بله؛ چون action فقط از همان صفحه قابل فراخوانی است

Answer

بله؛ Next.js چک‌های صفحه را خودکار به action کپی می‌کند

Answer

بله؛ ID اکشن مخفی است و قابل حدس نیست

Question 11

یک Server Action inline به متغیر `apiKey` از scope کامپوننت والد ارجاع می‌دهد. چه اتفاقی می‌افتد؟

Accepted Answer

متغیر بسته‌شده رمزنگاری و همراه payload به کلاینت ارسال می‌شود؛ بهتر است اسرار را در closure نگذارید

Answer

متغیر هرگز سرور را ترک نمی‌کند و ریسکی ندارد

Answer

متغیر به صورت متن ساده در HTML قرار می‌گیرد و Next.js هیچ محافظتی ندارد

Answer

Next.js closure را مجاز نمی‌داند و build شکست می‌خورد

Question 12

چرا توصیه می‌شود middleware تنها لایه احراز هویت نباشد؟

Accepted Answer

چون در صورت دور زده شدن یا matcher اشتباه، داده بدون بررسی در دسترس است؛ باید نزدیک داده هم چک کرد

Answer

چون middleware نمی‌تواند cookie بخواند

Answer

چون middleware فقط در development اجرا می‌شود

Answer

چون middleware پاسخ redirect نمی‌تواند برگرداند

Question 13

هدف React Taint API (مثل `experimental_taintObjectReference`) در Next.js چیست؟

Accepted Answer

جلوگیری از ارسال تصادفی یک آبجکت یا مقدار حساس به Client Component

Answer

رمزنگاری دیتابیس در حالت سکون

Answer

علامت‌گذاری کامپوننت‌ها برای lazy loading

Answer

حذف خودکار console.log در production

Question 14

الگوی Data Access Layer همراه با DTO در App Router چه مشکلی را حل می‌کند؟

Accepted Answer

متمرکز کردن چک دسترسی و برگرداندن فقط فیلدهای امن تا داده حساس به کلاینت نشت نکند

Answer

کاهش زمان build با حذف TypeScript

Answer

جایگزینی کامل دیتابیس با کش

Answer

امکان استفاده از هوک‌ها در Server Component

Question 15

Next.js چگونه Server Actionها را در برابر CSRF محافظت می‌کند؟

Accepted Answer

فقط POST مجاز است و هدر `Origin` با `Host` مقایسه می‌شود؛ `serverActions.allowedOrigins` برای proxyها است

Answer

هر action یک CAPTCHA اجباری دارد

Answer

actionها فقط از طریق WebSocket فراخوانی می‌شوند

Answer

هیچ محافظتی ندارد و باید همیشه توکن CSRF دستی بسازید

Question 16

آپلود فایل ۵ مگابایتی از طریق Server Action با خطا مواجه می‌شود. علت محتمل؟

Accepted Answer

محدودیت پیش‌فرض حجم body (حدود 1MB) که با `serverActions.bodySizeLimit` قابل تغییر است

Answer

Server Actionها از `FormData` پشتیبانی نمی‌کنند

Answer

فایل‌ها فقط در middleware قابل خواندن‌اند

Answer

حداکثر حجم با `images.deviceSizes` تعیین می‌شود

Question 17

چرا استفاده از Server Action برای خواندن داده (مثلاً لیست محصولات در Client Component) توصیه نمی‌شود؟

Accepted Answer

از POST استفاده می‌کنند، کش نمی‌شوند و کلاینت آن‌ها را یکی‌یکی و پشت سر هم اجرا می‌کند

Answer

چون Server Action نمی‌تواند مقدار برگرداند

Answer

چون Server Action فقط در Pages Router کار می‌کند

Answer

چون Server Action همیشه کل صفحه را reload می‌کند

Question 18

فراخوانی `redirect()` داخل Server Action چه کد وضعیتی تولید می‌کند و چرا؟

Accepted Answer

303 See Other؛ تا مرورگر پس از POST، مقصد را با GET درخواست کند

Answer

301؛ چون همه redirectها دائمی‌اند

Answer

404؛ چون action صفحه ندارد

Answer

200 همراه با HTML صفحه مقصد

Question 19

توسعه‌دهنده کاربر جاری را در یک متغیر `let currentUser` در سطح ماژول سرور ذخیره می‌کند. مشکل چیست؟

Accepted Answer

ماژول‌ها بین درخواست‌های همزمان مشترک‌اند و داده یک کاربر به کاربر دیگر نشت می‌کند

Answer

هیچ مشکلی ندارد؛ هر درخواست ماژول جدید می‌گیرد

Answer

فقط باعث کندی جزئی می‌شود

Answer

Next.js متغیرهای ماژول را خودکار per-request می‌کند

Question 20

دامنه (scope) memoization تابع `cache` از React در Next.js چیست؟

Accepted Answer

فقط یک درخواست سرور؛ بین درخواست‌ها و کاربران مشترک نیست

Answer

کل عمر process سرور

Answer

بین همه deploymentها پایدار است

Answer

در `localStorage` مرورگر

Question 21

الگوی preload (مثلاً `preload(id)` که `void getItem(id)` را صدا می‌زند) چه مشکلی را حل می‌کند؟

Accepted Answer

شروع زودهنگام درخواست قبل از یک await مسدودکننده تا waterfall حذف شود؛ همراه با `cache()`

Answer

preload کردن فونت‌ها در `<head>`

Answer

بارگذاری تصاویر قبل از hydration

Answer

اجرای کد در زمان build به جای runtime

Question 22

پس از یک deploy جدید، کدام کش سرور Next.js به طور خودکار پاک می‌شود؟

Accepted Answer

Full Route Cache (HTML و RSC payload ساخته‌شده)؛ Data Cache می‌تواند بین deployها باقی بماند

Answer

Data Cache؛ ولی Full Route Cache باقی می‌ماند

Answer

هیچ‌کدام؛ هر دو تا ابد باقی می‌مانند

Answer

فقط کش مرورگر کاربران

Question 23

اپ را روی ۳ کانتینر پشت load balancer self-host کرده‌اید و بعد از `revalidateTag` برخی کاربران هنوز داده قدیمی می‌بینند. علت؟

Accepted Answer

کش پیش‌فرض روی فایل‌سیستم هر instance است؛ باید یک `cacheHandler` مشترک (مثلاً Redis) تنظیم کرد

Answer

`revalidateTag` فقط روی Vercel کار می‌کند

Answer

load balancer پاسخ‌ها را برای همیشه کش می‌کند

Answer

باید `output: "export"` تنظیم شود

Question 24

`output: "standalone"` در `next.config` چه فایده‌ای برای Docker دارد؟

Accepted Answer

یک `server.js` مینیمال با فقط وابستگی‌های لازم؛ `public` و `.next/static` باید جدا کپی شوند

Answer

خروجی HTML کاملاً static بدون نیاز به سرور

Answer

اجرای اپ بدون Node.js

Answer

فعال کردن خودکار Edge runtime برای همه مسیرها

Question 25

با `output: "export"` کدام قابلیت قابل استفاده نیست؟

Accepted Answer

Server Actions و ISR (و هر چیزی که در زمان درخواست به سرور نیاز دارد)

Answer

Server Componentهایی که در زمان build رندر می‌شوند

Answer

Client Componentها

Answer

CSS Modules

Question 26

Client Componentی `new Date().toLocaleTimeString()` را مستقیم در JSX رندر می‌کند و خطای hydration می‌دهد. بهترین راه‌حل؟

Accepted Answer

مقدار وابسته به کلاینت را پس از mount در `useEffect` تنظیم کنیم

Answer

کامپوننت را به Server Component تبدیل کنیم تا زمان هرگز تغییر نکند

Answer

`reactStrictMode` را غیرفعال کنیم

Answer

`suppressHydrationWarning` را روی `<html>` بگذاریم تا همه خطاها پنهان شوند

Question 27

در parallel routes، چرا فایل `default.tsx` برای یک slot لازم است؟

Accepted Answer

در hard navigation (رفرش)، اگر slot برای URL فعلی match نداشته باشد، default رندر می‌شود؛ وگرنه 404

Answer

برای تعیین slot پیش‌فرض در soft navigation الزامی است

Answer

برای تعریف loading state هر slot

Answer

جایگزین root layout می‌شود

Question 28

عکس با intercepting route در modal روی feed باز شده (`/photo/1`). کاربر صفحه را رفرش می‌کند. چه می‌بیند؟

Accepted Answer

صفحه کامل `/photo/1` بدون feed و modal

Answer

همان modal روی feed

Answer

خطای 404

Answer

feed بدون modal

Question 29

با route groupها دو root layout جدا دارید: `(shop)` و `(admin)`. ناوبری از یکی به دیگری چه رفتاری دارد؟

Accepted Answer

یک full page load انجام می‌شود، نه client-side navigation

Answer

مثل همیشه soft navigation بدون reload

Answer

build خطا می‌دهد چون فقط یک root layout مجاز است

Answer

هر دو layout تو در تو رندر می‌شوند

Question 30

ناوبری از `/dashboard/settings` به `/dashboard/analytics` در سرور چه چیزی را رندر می‌کند؟

Accepted Answer

فقط segment تغییرکرده (`analytics`)؛ layout مشترک `dashboard` دوباره رندر نمی‌شود

Answer

کل درخت از root layout به پایین

Answer

هیچ چیز؛ همه چیز در کلاینت رندر می‌شود

Answer

فقط root layout

Question 31

در production، `<Link>` به یک مسیر dynamic به صورت پیش‌فرض چه مقدار از آن را prefetch می‌کند؟

Accepted Answer

فقط تا نزدیک‌ترین `loading.tsx` (shell و layoutها)، نه داده کامل صفحه

Answer

کل صفحه همراه با همه داده‌ها

Answer

هیچ چیز؛ prefetch برای مسیرهای dynamic غیرفعال است

Answer

فقط فایل‌های CSS

Question 32

یک جدول با ۵۰۰ ردیف دارید که هر ردیف `<Link>` به صفحه جزئیات دارد و سرور زیر بار prefetch است. راه‌حل معقول؟

Accepted Answer

`prefetch={false}` روی لینک‌ها (یا prefetch فقط هنگام hover)

Answer

جایگزینی همه لینک‌ها با `window.open`

Answer

غیرفعال کردن کامل JavaScript

Answer

افزایش `revalidate` به یک سال

Question 33

یک layout بزرگ فقط به خاطر یک دکمه تغییر تم `"use client"` گرفته است. پیامد و راه‌حل؟

Accepted Answer

کل زیردرخت import‌شده به bundle کلاینت می‌رود؛ دکمه را به یک Client Component کوچک جدا کنیم

Answer

هیچ پیامدی ندارد؛ `"use client"` فقط روی همان فایل اثر دارد

Answer

layout دیگر روی سرور رندر نمی‌شود و SEO کاملاً از بین می‌رود

Answer

باید کل اپ را client-side کنیم تا یکنواخت باشد

Question 34

اگر `notFound()` داخل کامپوننتی درون `<Suspense>` پس از شروع streaming صدا زده شود، کد وضعیت HTTP چیست؟

Accepted Answer

200، چون headers قبلاً ارسال شده‌اند؛ Next.js تگ `noindex` تزریق می‌کند

Answer

404 همیشه، چون Next.js پاسخ را لغو و از نو ارسال می‌کند

Answer

500

Answer

301 به صفحه اصلی

Question 35

فروشگاهی با ۲ میلیون محصول دارید. بهترین استراتژی برای `generateStaticParams`؟

Accepted Answer

فقط پرفروش‌ترین‌ها را در build بسازیم و بقیه را on-demand با `dynamicParams` و revalidate کش کنیم

Answer

همه ۲ میلیون صفحه را در هر build بسازیم

Answer

`dynamicParams = false` بگذاریم تا build سریع شود

Answer

کل سایت را به SPA سمت کلاینت تبدیل کنیم

Question 36

CMS پس از انتشار محتوا باید کش را باطل کند. پیاده‌سازی امن کدام است؟

Accepted Answer

Route Handler که secret را بررسی کرده و سپس `revalidateTag` را صدا می‌زند

Answer

یک Route Handler عمومی که با هر درخواست GET همه tagها را باطل می‌کند

Answer

صدا زدن `revalidateTag` در Client Component

Answer

redeploy خودکار سایت با هر انتشار

Question 37

در ISR، اگر regeneration پس‌زمینه یک صفحه به خاطر خطای API شکست بخورد، کاربران چه می‌بینند؟

Accepted Answer

آخرین نسخه موفق صفحه همچنان سرو می‌شود و بعداً دوباره تلاش می‌شود

Answer

صفحه خطای 500 برای همه کاربران

Answer

صفحه خالی

Answer

سایت به حالت development برمی‌گردد

Question 38

برای باطل کردن همه صفحات `app/blog/[slug]` با یک فراخوانی، کدام شکل درست است؟

Accepted Answer

`revalidatePath("/blog/[slug]", "page")`

Answer

`revalidatePath("/blog/*")`

Answer

`revalidatePath("/blog/:slug")`

Answer

`revalidateTag("/blog/[slug]")`

Question 39

هدف `export const dynamic = "error"` چیست؟

Accepted Answer

صفحه را static می‌کند و اگر کدی از Dynamic APIها استفاده کند build خطا می‌دهد

Answer

هر خطای runtime را به صفحه 500 سفارشی می‌فرستد

Answer

صفحه را همیشه dynamic می‌کند

Answer

لاگ خطاها را در کنسول مرورگر غیرفعال می‌کند

Question 40

برای فیلتر کردن UI بر اساس `?sort=`، خواندن `searchParams` در page چه trade-offی نسبت به `useSearchParams` در کلاینت دارد؟

Accepted Answer

prop صفحه را dynamic می‌کند ولی داده روی سرور فیلتر می‌شود؛ هوک اجازه static ماندن صفحه را می‌دهد

Answer

هیچ تفاوتی ندارند

Answer

هوک صفحه را dynamic می‌کند ولی prop آن را static نگه می‌دارد

Answer

prop فقط در Pages Router کار می‌کند

Question 41

پیاده‌سازی CSP با nonce تولیدشده در middleware چه اثری بر رندر صفحات دارد؟

Accepted Answer

صفحات باید dynamic رندر شوند چون nonce برای هر درخواست یکتاست؛ static و CDN caching از دست می‌رود

Answer

هیچ اثری ندارد و صفحات static باقی می‌مانند

Answer

Next.js nonce را در زمان build یک بار تولید می‌کند

Answer

CSP فقط برای Client Componentها اعمال می‌شود

Question 42

در production، `error.message` یک خطای Server Component در `error.tsx` کلاینت چه شکلی دارد؟

Accepted Answer

پیام عمومی همراه با `digest` برای تطبیق با لاگ سرور؛ جزئیات حساس ارسال نمی‌شود

Answer

پیام کامل همراه با stack trace سرور

Answer

همیشه `undefined`

Answer

کد SQL اجراشده

Question 43

برای راه‌اندازی OpenTelemetry یا ابزار مانیتورینگ هنگام شروع سرور Next.js از کجا استفاده می‌شود؟

Accepted Answer

تابع `register` در فایل `instrumentation.ts` در ریشه پروژه

Answer

در `useEffect` در root layout

Answer

در هر Route Handler به صورت جداگانه

Answer

در فایل `next-env.d.ts`

Question 44

در Next.js 15+، چطور لاگ analytics را بعد از ارسال پاسخ به کاربر اجرا کنیم تا زمان پاسخ افزایش نیابد؟

Accepted Answer

با `after()` از `next/server`

Answer

با `setTimeout` در Server Component

Answer

با `useEffect` در Server Component

Answer

با افزودن `await` قبل از لاگ

Question 45

middleware بدون `matcher` یک فراخوانی شبکه برای بررسی session انجام می‌دهد و سایت کند شده است. مشکل اصلی؟

Accepted Answer

روی هر درخواست حتی فایل‌های `_next/static` و تصاویر اجرا می‌شود؛ باید با matcher آن‌ها را مستثنی کرد

Answer

middleware فقط یک بار در زمان build اجرا می‌شود

Answer

middleware روی Edge نمی‌تواند fetch کند

Answer

مشکل از `next/font` است

Question 46

در self-host با ترافیک بالا، optimizer داخلی تصاویر CPU سرور را اشغال کرده است. راه‌حل مناسب؟

Accepted Answer

تنظیم `loader` سفارشی تا بهینه‌سازی به یک CDN تصویر (مثل Cloudinary/imgix) واگذار شود

Answer

حذف prop `alt` از همه تصاویر

Answer

تبدیل همه `<Image>`ها به Server Action

Answer

افزایش `revalidate` صفحات

Question 47

برای ارسال متریک‌های واقعی کاربران (LCP، INP، CLS) به سرویس analytics در App Router از چه استفاده می‌شود؟

Accepted Answer

هوک `useReportWebVitals` در یک Client Component

Answer

خروجی `next build`

Answer

تابع `generateMetadata`

Answer

`revalidateTag("vitals")`

Question 48

در App Router، routing چندزبانه (مثل `/fa/about` و `/en/about`) معمولاً چگونه پیاده‌سازی می‌شود؟

Accepted Answer

segment پویای `app/[lang]/...` همراه با middleware برای تشخیص و redirect زبان

Answer

با گزینه `i18n` در `next.config` که مخصوص App Router است

Answer

با دو پروژه Next.js جداگانه

Answer

امکان‌پذیر نیست

Question 49

Client Component با `fetch` به یک Route Handler آیتمی را حذف می‌کند، اما لیست Server Component رندرشده هنوز آیتم را نشان می‌دهد. راه‌حل؟

Accepted Answer

mutation را به Server Action با `revalidatePath` منتقل کنیم (یا پس از fetch، `router.refresh()`)

Answer

`localStorage.clear()` را صدا بزنیم

Answer

Route Handler را به `next.config` منتقل کنیم

Answer

`reactStrictMode` را فعال کنیم

Question 50

در `app/[category]/[product]/page.tsx`، اگر layout سطح `[category]` خودش `generateStaticParams` داشته باشد، `generateStaticParams` صفحه محصول چه چیزی دریافت می‌کند؟

Accepted Answer

`params` والد (مثلاً `category`) تا برای هر دسته، محصولاتش را تولید کند

Answer

هیچ آرگومانی؛ باید همه ترکیب‌ها را خودش بسازد

Answer

آبجکت `request`

Answer

cookieهای کاربر

نکست‌جی‌اس · سینیور · 50

Suspense + streaming چه کمکی به UX می‌کند؟