Вопросы на собеседовании 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?