Search questions…
⌘
K
English
Tiếng Việt
日本語
한국어
Español
العربية
বাংলা
čeština
Dansk
Deutsch
Ελληνικά
Suomi
Français
Gaeilge
ગુજરાતી
Hausa
हिन्दी
Hrvatski
Magyar
Bahasa Indonesia
Italiano
Basa Jawa
ქართული
Lietuvių
मराठी
Melayu
Malti
नेपाली
Nederlands
Norsk
ਪੰਜਾਬੀ
Polski
Português
Română
Русский
Slovenščina
Shqip
Svenska
Kiswahili
தமிழ்
తెలుగు
ภาษาไทย
Türkçe
اردو
简体中文
flow
Home
Topics
Categories
Learning paths
Search
Home
/
Frontend
/
Next.js
Frontend
Next.js
Curated Next.js interview questions with detailed answers.
30
questions
updated weekly
Junior
10
Middle
12
Senior
8
Next.js questions
30 / 30 shown
Default
Popular
Newest
›
What is Next.js and what does it add over React?
Junior
#Framework
#Nextjs
Details →
›
What is the difference between the App Router and the Pages Router?
Junior
#Routing
#Nextjs
Details →
›
How does file-based routing work in the App Router?
Junior
#Routing
#Nextjs
Details →
›
How do you navigate between pages in Next.js?
Junior
#Routing
#Nextjs
Details →
›
What does the next/image component do?
Junior
#Performance
Details →
›
What styling options does Next.js support?
Junior
#Styling
#Nextjs
Details →
›
How do you serve static assets in Next.js?
Junior
#Framework
#Nextjs
Details →
›
What are layouts in the App Router?
Junior
#Routing
#Nextjs
Details →
›
How do you set page metadata (title, description) in Next.js?
Junior
#Seo
Details →
›
How do environment variables work in Next.js?
Junior
#Framework
#Nextjs
Details →
›
What are SSR, SSG and ISR in Next.js?
Middle
#Rendering
#Nextjs
Details →
›
How do Server Components work in the App Router?
Middle
#Rendering
#Nextjs
Details →
›
When and how do you use Client Components?
Middle
#Rendering
#Nextjs
Details →
›
How do you fetch data in the App Router?
Middle
#Data
#Nextjs
Details →
›
What are Route Handlers (API routes) in the App Router?
Middle
#Api
#Nextjs
Details →
›
How do dynamic routes and generateStaticParams work?
Middle
#Routing
#Nextjs
Details →
›
What is Next.js middleware used for?
Middle
#Framework
#Nextjs
Details →
›
How do loading.tsx and error.tsx work?
Middle
#Routing
#Nextjs
Details →
›
What are Server Actions?
Middle
#Data
#Nextjs
Details →
›
What caching layers does Next.js have?
Middle
#Performance
#Nextjs
Details →
›
What are parallel and intercepting routes?
Middle
#Routing
#Nextjs
Details →
›
How does streaming SSR with Suspense work in Next.js?
Senior
#Rendering
#Performance
Details →
›
What is the difference between the Edge and Node.js runtimes?
Senior
#Framework
#Nextjs
Details →
›
How does on-demand revalidation (ISR) work?
Senior
#Rendering
#Nextjs
Details →
›
How do you handle authentication in a Next.js App Router app?
Senior
#Security
Details →
›
How do you optimize performance and Core Web Vitals in Next.js?
Senior
#Performance
Details →
›
What deployment options and build outputs does Next.js support?
Senior
#Framework
#Nextjs
Details →
›
How does next/font optimize fonts?
Middle
#Performance
Details →
›
What is Partial Prerendering (PPR)?
Senior
#Rendering
#Performance
Details →
›
How do you generate dynamic Open Graph images in Next.js?
Senior
#Seo
Details →