Вопросы
1. Введение в Next.js
1.1 Основы
1.2 Установка
2. Рендеринг и предварительный рендеринг
2.1 SSR, SG, CSR
- Что такое SSR? Его преимущества и гидратация
- Какая разница между типами предварительного рендеринга SSR и SG ?
- Что такое рендеринг на стороне клиента CSR ?
2.2 Рендеринг
- Объясните назначение функции getServerSideProps()
- Объясните назначение getStaticProps()
- В чем разница между функциями getServerSideProps() и getStaticProps() в Next.js?
- Опишите сценарии, в которых вы бы предпочли использовать getStaticProps() вместо getServerSideProps(), и наоборот
- Как вы можете добиться динамического разделения кода на основе маршрутов без использования getServerSideProps в Next.js?
- Что делает getInitialProps() в Next.js? Можете ли вы предоставить пример его использования?
- Какова цель функции getStaticPaths() в Next.js?
3. Динамическая маршрутизация
- Объясните концепцию динамической маршрутизации в Next.js
- Как Next.js обрабатывает навигацию на стороне клиента?
- link” и почему это важно в проектах Next.js?
- Что такое Catch-All Routes в Next.js и как они работают?
- Цель директории Pages в проектах на Next.js
- Объясните назначение файла _app.js и _document в Next.js?
4. Конфигурация и окружение
4.1 Переменные окружения
- Что такое переменные окружения (.env) в Next.js?
- Объясните назначение параметров publicRuntimeConfig() и serverRuntimeConfig() в Next.js? Чем они отличаются от обычных переменных среды?
4.2 Настройки конфигурации
- Какова цель свойства excludes в next.config.js?
- Объясните назначение свойства headers в next.config.js
- Какова цель свойства experimental в next.config.js?
- Какова цель свойства redirects в next.config.js?
- Какова цель свойства rewrites в next.config.js?
- Как вы настраиваете пользовательскую конфигурацию Babel или Webpack в Next.js?
5. Оптимизация производительности
- Как вы оптимизируете производительность приложения на Next.js?
- Что вы понимаете под code splitting в Next.js?
- Объясните концепцию prefetching в Next.js и как это влияет на производительность?
- Автоматическая статическая оптимизация в Next.js
- Что такое графический компонент и оптимизация изображений в Next.js?
6. Управление состоянием и запросы
6.1 Глобальное состояние
6.2 Запросы
- Объясни, как можно запросить query параметр в Next.js?
- Как вы можете обрабатывать запросы (CORS) в Next.js при отправке запросов API в другой домен?
7. Дополнительные функции и ограничения
7.1 Стилизация
7.2 Аутентификация
- Как бы вы реализовали аутентификацию в приложении Next.js?
- Как вы можете реализовать условные перенаправления в Next.js на основе определенных критериев, таких как статус аутентификации пользователя или его роль?
7.3 Обработка ошибок
- Как вы можете реализовать пользовательские границы ошибок в проекте Next.js, чтобы корректно обрабатывать ошибки и предотвращать сбой всего приложения?
- Каково значение файлов _error.js и 404.js в каталоге pages и как их можно настроить для обработки ошибок в Next.js?
7.4 Прочие функции
- Какова цель перехватчика useEffect() в React и как он связан с Next.js?
- Что такое функция инкрементной статической регенерации в Next.js и как вы использовали ее в своих проектах?
- Объясните назначение next export? Когда бы вы ее использовали и каковы ее ограничения?
- Объясните концепцию поддержки нескольких языков Next.js