Глоссарий
What is Next.js?
Подробно
Next.js was born in 2016 (Guillermo Rauch + Naoyuki Kanezawa, Vercel co-founders). Original goal: an SSR facade for React — server rendering, code splitting, prefetching. 2024 v15 (App Router) — RSC + Server Actions stable, paradigm shift from pages-based.
App Router architecture (Next.js 13+): (1) **Server Components default** — components render at server, send 0 JS to client unless interactive. (2) **Client Components** — opt-in via "use client" directive. (3) **File-based routing** — folder structure = URL structure. (4) **Layouts** — nested, persistent. (5) **Loading + Error boundaries** — convention-based. (6) **Server Actions** — type-safe form submission RPC, no API endpoint needed.
Rendering modes: (1) **SSG (Static Site Generation)** — pre-build at deploy. Best for: blogs, marketing, programmatic. (2) **ISR (Incremental Static Regeneration)** — re-build per-page on demand. Best for: e-commerce, large catalogs. (3) **SSR (Server-Side Rendering)** — render per request. Best for: personalised content. (4) **CSR (Client-Side Rendering)** — fallback for interactive widgets.
Deployment: **Vercel** (native, $0-$20-$40+/mo) — best DX. **Cloudflare Pages** — limited Server Components support. **AWS Amplify** — enterprise. **Self-host Node.js** — DigitalOcean / Railway. Vercel is default for 90% of projects.
Craftwebstudio uses Next.js 15 + Vercel by default 2024-2026. Migration WordPress → Next.js: 5,000-15,000 ₾, 4-8 weeks. Performance gain: WordPress LCP 4-7s → Next.js LCP 1.2-1.8s. Build performance: a 770-page programmatic site builds in 90s.
Examples
- 1App Router file-based routing: app/blog/[slug]/page.tsx → /blog/foo URL
- 2Server Action: async function action(formData) { "use server"; ... } — form RPC
- 3Image: <Image src priority /> → automatic AVIF + responsive + lazy load
- 4Streaming: loading.tsx + Suspense → progressive UI rendering
- 5Vercel deploy: git push → 60s CI/CD → live preview URL automatic
Связанные термины
React
React — JavaScript-библиотека для создания пользовательских интерфейсов от Meta. Основана на компонентах, виртуальном DO…
JAMstack
JAMstack — JavaScript + APIs + Markup — an architectural pattern where the front-end is pre-built static (Next.js/Astro)…
Vercel
Vercel is a cloud platform from the Next.js authors — automated CI/CD, edge deployment to 240+ POPs, preview URL per PR,…
Related services
Частые вопросы
Next.js vs Remix in 2026 — which one?▾
Next.js: ecosystem 10× bigger, Vercel deployment, RSC + Server Actions stable, programmatic SEO superior. Remix: web fundamentals focus, edge-first. Next.js wins in 90% of cases.
Next.js Pages Router vs App Router?▾
App Router (v13+) — default for new projects. RSC, Server Actions, layouts. Pages Router (v12 ↓) is legacy support, not deprecated. Migration to App Router is recommended for new development.
Next.js self-host vs Vercel?▾
Vercel: best DX, automatic edge, RSC native, $0-$40/mo. Self-host (DigitalOcean Node.js): full control, $20+/mo, more DevOps. 95% of projects pick Vercel; only data-sovereignty cases self-host.
Готовы к бесплатной консультации?
Напишите нам — ответим в течение 24 часов с предварительной оценкой проекта.