Подготовка к интервью
71 вопрос по Next.js с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по Next.js — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, next.js, react.
Каталог
Методы Next.js для получения данных во время рендеринга страниц getStaticProps: запускается на этапе сборки (build time) применяется для статического предрендеринга страниц используется, когда данные не обновляются…
Читать ответОптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
Читать ответинтеграция карт относится к задачам фронтенд-разработки и улучшает UX используют API популярных провайдеров: Google Maps, Yandex.Maps, Leaflet, Mapbox подключают JavaScript-библиотеку через CDN либо npm создают карту…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответбиблиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Читать ответКак на фронтенде реализуется авторизация? Авторизация представляет собой управление доступом пользователя с помощью токенов. Access токен обычно помещают в HttpOnly Cookies, чтобы снизить риск XSS, либо хранят в…
Читать ответКак свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Читать ответUI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Читать ответОграничения серверных компонентов в Next.js Нет локального состояния: серверные компоненты не поддерживают локальное состояние и не позволяют использовать useState или useReducer. Клиентские хуки недоступны: нельзя…
Читать ответОсновные способы копирования объектов Поверхностное копирование (shallow copy) — создаёт копию только верхнего уровня, поэтому вложенные объекты продолжают ссылаться на исходные Глубокое копирование (deep copy) —…
Читать ответApp Router или Pages Router Маршрутизация в React/Next.js Pages Router: структура файлов → маршруты App Router: React Server Components и вложенная маршрутизация Pages Router: простой, стабильный подход со старым API…
Читать ответОпыт работы с Next.js фреймворк на базе React, поддерживающий SSR и SSG реализовывал серверный рендеринг для повышения SEO и скорости загрузки применял API Routes для размещения backend-логики непосредственно в…
Читать ответ