Suggest an editImprove this articleRefine the answer for “What are the main features Next.js provides out of the box?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**Next.js** is not just a React framework, but a set of ready production features that usually have to be assembled manually. **Key point:** Next.js provides server-side rendering, file-based routing, backend capabilities, performance optimization, and SEO out of the box, allowing you to build scalable fullstack applications based on React.Shown above the full answer for quick recall.Answer (EN)Image**Next.js** is not just a React framework, but a **set of ready production features** that usually have to be assembled manually. Here are the key things it gives **out of the box**. --- ## 1. Choice of rendering (SSR / SSG / ISR) You can choose a strategy **for each page**: - **SSR** - server-side rendering on every request - **SSG** - HTML generation at build time - **ISR** - updating static pages without a full rebuild This solves problems of SEO, load speed, and scalability. --- ## 2. App Router and file-based routing - The URL is formed by **folder structure** - layouts, nested routes, loading/error states - less code -> fewer bugs ```txt app/ └─ blog/ └─ [slug]/ └─ page.tsx ``` --- ## 3. Server Components and Client Components - **Server Components** - run on the server - **Client Components** - interactivity in the browser Advantages: - less JS in the browser - faster loading - direct access to the DB and secrets on the server --- ## 4. Backend inside Next.js Without a separate backend: - API routes - Server Actions - cookies / headers - working with the DB - authorization Great for fullstack applications and MVPs. --- ## 5. Performance optimization Next.js automatically does: - code splitting - lazy loading - route prefetching - HTML streaming - partial hydration Without manual Webpack/Vite configuration. --- ## 6. Image and font optimization - `<Image />` - resizing, lazy loading, WebP/AVIF - `<Font />` - local fonts without CLS Less weight -> higher Core Web Vitals. --- ## 7. SEO and metadata - generation of `<meta>`, Open Graph, Twitter cards - dynamic title/description - sitemap, robots.txt And all of this **at the page or layout level**. --- ## 8. Flexible deployment - Node.js - Edge runtime - serverless - CDN You can deploy anywhere, not just to Vercel. --- ## 9. Dev experience - Hot Reload - strict TypeScript integration - ESLint + build checks - clear errors and traces --- ## Short version for an interview > **Next.js provides server-side rendering, file-based routing, backend capabilities, performance optimization, and SEO out of the box, allowing you to build scalable fullstack applications based on React.**For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.