Подготовка к интервью
71 вопрос по Next.js с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по Next.js — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, next.js, react.
Каталог
Next.js — это React-фреймворк для серверного рендеринга и статической генерации сайтов.
Читать ответСуществуют три основные стратегии рендеринга в веб-разработке:
Читать ответДа, я работал с Next.js. В проекте использовался Pages Router — классический подход, где страницы создаются как файлы в папке pages. Каждая страница автоматически становится маршрутом.
Читать ответПреимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Читать ответПочему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Читать ответCSS-способы скрытия элементов и их последствия opacity: элемент становится визуально невидимым, но сохраняет место в потоке и может получать события (при прозрачности) visibility: hidden: элемент не виден и недоступен…
Читать ответЗачем используют ref? React: прямой доступ к DOM или компонентам хранение мутабельных данных без повторного рендера управление фокусом, выделением, анимациями замена прямых манипуляций через чистый JS применяется с…
Читать ответCSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…
Читать ответКаким образом Next.js оптимизирует изображения? Для оптимизации изображений Next.js предлагает встроенный компонент <Image>. Он автоматически применяет ленивую загрузку (lazy loading): файл запрашивается только после…
Читать ответВ Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Читать ответКак в Next.js выполняется получение данных на сервере? Next.js — React-фреймворк, поддерживающий SSR и SSG Ранее для этого применяли getServerSideProps — серверную функцию, вызываемую для каждой страницы Функция…
Читать ответКак вы работали с формами в React с помощью React Hook Form и Formik? состояние формы можно контролировать через hook или HOC React Hook Form уменьшает число перерендериваний и работает через рефы Formik предлагает…
Читать ответ