Вопросы на собеседовании Next

Что такое Next.js и для чего он используется?

В чём разница между Next.js и React?

Какие типы рендеринга поддерживает Next.js?

Что такое CSR (Client-Side Rendering) в Next.js?

Что такое SSR (Server-Side Rendering) в Next.js?

Что такое SSG (Static Site Generation) в Next.js?

Что такое ISR (Incremental Static Regeneration) в Next.js?

В чём разница между SSR, SSG и ISR?

Что такое getStaticProps и когда его использовать?

Что такое getStaticPaths и когда его использовать?

Что такое getServerSideProps и когда его использовать?

В чём разница между getStaticProps и getServerSideProps?

Что такое getInitialProps и почему его использование не рекомендуется?

Что такое Pages Router в Next.js?

Что такое App Router в Next.js 13+?

В чём разница между Pages Router и App Router?

Что такое app директория в Next.js 13+?

Что такое page.js в App Router?

Что такое layout.js в App Router?

Что такое loading.js в App Router?

Что такое error.js в App Router?

Что такое not-found.js в App Router?

Что такое route.js в App Router?

Что такое middleware в Next.js?

Как работает middleware в Next.js?

Что такое next.config.js и какие настройки там можно задать?

Что такое React Server Components в Next.js?

Что такое Server Components и Client Components в Next.js?

В чём разница между Server и Client компонентами?

Как использовать клиентские компоненты в App Router?

Что такое use client директива в Next.js?

Что такое use server директива в Next.js?

Что такое Server Actions в Next.js 13+?

Как использовать Server Actions в Next.js?

Что такое next/navigation и какие хуки он предоставляет?

Что такое useRouter в App Router?

Что такое usePathname в App Router?

Что такое useSearchParams в App Router?

Что такое useParams в App Router?

Чем отличается навигация в Pages Router и App Router?

Что такое Link компонент в Next.js?

Что такое Image компонент в Next.js?

Какие преимущества даёт next/image?

Что такое Script компонент в Next.js?

Что такое Head компонент в Next.js?

Что такое Font Optimization в Next.js?

Как работает оптимизация шрифтов в Next.js?

Что такое next/font?

Что такое Metadata API в Next.js?

Как управлять SEO в Next.js?

Что такое generateMetadata в App Router?

Что такое generateStaticParams в App Router?

Что такое revalidate в Next.js?

Что такое кэширование в Next.js?

Как работает кэширование в App Router?

Что такое fetch с cache и next.revalidate в Next.js?

Что такое unstable_cache в Next.js?

Что такое unstable_noStore в Next.js?

Что такое cookies и headers в Next.js?

Как работать с cookies в Server и Client компонентах?

Что такое redirect и permanentRedirect в Next.js?

Что такое notFound в Next.js?

Что такое next/headers и next/cookies?

Что такое draft mode в Next.js?

Что такое preview mode в Next.js (Pages Router)?

Что такое next dev, next build и next start?

Что такое next export и когда его использовать?

Как развернуть Next.js приложение на Vercel?

Как развернуть Next.js приложение на других хостингах?

Что такое Output File Tracing в Next.js?

Что такое standalone режим сборки в Next.js?

Что такое environment variables в Next.js?

Как использовать переменные окружения в Next.js?

В чём разница между NEXT_PUBLIC_ и обычными переменными?

Что такое API Routes в Next.js?

Как создавать API маршруты в Pages Router?

Как создавать API маршруты в App Router?

Что такое NextResponse и NextRequest?

Что такое next/dynamic для ленивой загрузки?

Что такое next/script для загрузки сторонних скриптов?

Что такое стратегии загрузки скриптов в Next.js?

Что такое next/legacy/image и чем отличается от нового next/image?

Что такое next/link и как работает предзагрузка?

Что такое shallow routing в Next.js?

Как работает Middleware в Next.js?

Как использовать matcher в Middleware?

Что такое Next.js Compiler (на основе SWC)?

В чём разница между SWC и Babel в Next.js?

Что такое Turbopack в Next.js 13+?

Как оптимизировать производительность Next.js приложений?

Что такое next build --analyze?

Что такое тестирование в Next.js?

Как тестировать Next.js приложения с Jest?

Как тестировать Next.js приложения с React Testing Library?

Что такое E2E тестирование в Next.js?

Что такое Cypress и Playwright для Next.js?

Что такое Storybook для Next.js?

Как использовать TypeScript в Next.js?

Что такое next-env.d.ts?

Как типизировать getStaticProps и getServerSideProps?

Как использовать CSS Modules в Next.js?

Как использовать Sass/SCSS в Next.js?

Как использовать CSS-in-JS в Next.js?

Как использовать Tailwind CSS в Next.js?

Что такое styled-jsx в Next.js?

Что такое module federation в Next.js?

Что такое микро-фронтенды с Next.js?

Что такое next-sitemap и для чего он нужен?

Что такое next-sitemap и next-seo?

Как управлять robots.txt в Next.js?

Как управлять sitemap в Next.js?

Что такое basePath в Next.js?

Что такое trailingSlash в Next.js?

Что такое assetPrefix в Next.js?

Что такое output: 'export' в Next.js 13+?

Что такое output: 'standalone' в Next.js?

Что такое Next.js Middleware для аутентификации?

Как реализовать аутентификацию в Next.js?

Что такое NextAuth.js (Auth.js)?

Как использовать NextAuth для OAuth аутентификации?

Как защитить маршруты в Next.js?

Что такое Internationalization (i18n) в Next.js?

Как настроить локализацию в Next.js?

Что такое next-i18next и next-translate?

Что такое next/og (Open Graph) изображения?

Как генерировать OG изображения в Next.js?

Что такое postcss и как он используется в Next.js?

Что такое rewrites, redirects и headers в Next.js?

Как настроить rewrites в Next.js?

Как настроить redirects в Next.js?

Как настроить кастомные заголовки в Next.js?

Что такое fallback в getStaticPaths?

Что такое fallback: 'blocking' и fallback: true?

Что такое edge runtime в Next.js?

Что такое nodejs runtime в Next.js?

В чём разница между Edge и Node.js runtime?

Что такое runtime: 'edge' в Next.js?

Что такое next build --no-lint и другие флаги?

Как отлаживать Next.js приложения?

Что такое next dev --turbo?

Какие best practices в Next.js вы знаете?

Как правильно структурировать Next.js проект?

Что такое src директория в Next.js?

Что такое app и pages директории одновременно?

Как мигрировать с Pages Router на App Router?

Что такое next/font/google и next/font/local?

Как работать с базами данных в Next.js?

Что такое Prisma и как его использовать с Next.js?

Что такое Drizzle и как его использовать с Next.js?

Что такое tRPC и как его использовать с Next.js?

В чём разница между tRPC и REST API в Next.js?

Что такое GraphQL с Next.js?

Что такое Apollo Client с Next.js?

Как использовать React Query с Next.js?

Что такое next-pwa для PWA?

Как сделать PWA с Next.js?

Что такое next-pwa плагин?

Как работает Web Vitals в Next.js?

Что такое reportWebVitals в Next.js?

Как измерить производительность Next.js приложения?

Что такое Lighthouse для Next.js?