Собеседование по Next.js: вопросы и голосовая практика

Next.js — основной фреймворк для React в продакшене. На собеседованиях ждут знания App Router: где выполняется код компонента, как работает кеш на уровне fetch, чем серверные действия отличаются от API-роутов.

Темы, на которых кандидаты плавают чаще всего: стратегии рендеринга и кеширование, граница сервер-клиент, streaming и partial prerendering. Прогоните их в формате живого диалога.

Примеры вопросов — уровень Junior

• Что такое App Router в Next.js и как устроена структура папки app?
• Что означает файл page.tsx в папке app?
• Для чего нужен файл layout.tsx и чем он отличается от template.tsx?
• Зачем нужен файл loading.tsx в маршруте?
• Для чего используется файл error.tsx?

Примеры вопросов — уровень Senior

• Как бы ты спроектировал структуру приложения на App Router, где часть страниц статическая, а часть персонализирована?
• Где ты проведёшь границу между Server и Client Components в большом дашборде и по каким критериям будешь её определять?
• Что изменится в поведении приложения, если перенести загрузку данных из Server Component в Client Component через хук, и когда это оправдано?
• Как ты будешь выстраивать кэширование данных в Next.js 15, учитывая, что fetch больше не кэшируется по умолчанию?
• В каких случаях ты выберешь on-demand revalidation с тегами, а в каких будешь полагаться на время жизни кэша?

Проверьте себя вживую

Список — это хорошо, но на собеседовании отвечать придётся голосом и под давлением. Запустите тренажёр: AI задаст 10 вопросов, выслушает ваши ответы и подведёт итоги.