JS Guide
HomeQuestionsSearchResources
Search

Built for developers preparing for JavaScript, React & TypeScript interviews.

ResourcesQuestionsSupport
HomeQuestionsSearchProgress
HomeQuestionsnextjs

nextjs

Next.js app router, SSR, and full-stack patterns

Your Progress

0 of 5 completed

0%

5 Questions

junior Level
1
What is Next.js and how does it differ from React?
junior
basics
Next.js is a full-stack React framework that adds server-side rendering, file-based routing, and API routes on top of React, which is just a UI library for building components.
2
How does file-based routing work in Next.js?
junior
routing
Next.js uses a file-system based router where files and folders in the `app/` (or `pages/`) directory automatically become routes - `app/about/page.tsx` becomes `/about`.
3
How do you navigate between pages in Next.js?
junior
navigation
Next.js provides the `Link` component for declarative client-side navigation and the `useRouter` hook for programmatic navigation, both enabling fast page transitions without full page reloads.
4
What is next/image and why should you use it over the regular img tag?
junior
optimization
The `next/image` component automatically optimizes images with lazy loading, responsive sizing, modern formats (WebP/AVIF), and prevents Cumulative Layout Shift (CLS), improving both performance and Core Web Vitals.
5
What's the difference between SSR and SSG in Next.js?
junior
rendering
SSG (Static Site Generation) generates HTML at build time for fast, cacheable pages; SSR (Server-Side Rendering) generates HTML on each request for dynamic, real-time content.