Nuxt: вопросы на собеседовании

Вопросы и ответы по Nuxt: подготовка, примеры и типичные ошибки.

1. Как реализовать аутентификацию в Nuxt 3? Что такое nuxt-auth и аналогичные подходы?
   Senior· спрашивают почти всегда
2. Как работает файловая маршрутизация (file-based routing) в Nuxt? Как создавать динамические и catch-all маршруты?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
3. Что такое серверный движок Nitro в Nuxt 3 и что он обеспечивает?
   Senior· спрашивают почти всегда· полный разбор — Jobs/Boost
4. В каких типах frontend-проектов Nuxt даёт реальный выигрыш, а где будет избыточен или неудачен?
   Middle· спрашивают почти всегда
5. Что такое Nuxt и какие проблемы он решает по сравнению с обычным Vue.js-приложением?
   Junior· спрашивают почти всегда· полный разбор — Jobs/Boost
6. Какие режимы рендеринга существуют в Nuxt 3: SSR, SSG, SPA, ISR и гибридный режим?
   Senior· спрашивают почти всегда
7. Как Nuxt реализует серверные API-маршруты через директорию server/api/?
   Middle· спрашивают почти всегда
8. В чём разница между composable'ами useAsyncData и useFetch?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
9. Что такое useState() в Nuxt и чем он отличается от Vue ref()?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
10. Как Nuxt обрабатывает авто-импорты? Что импортируется автоматически и как это настроить?
    Junior· полный разбор — Jobs/Boost
11. Как Nuxt управляет code splitting и lazy loading компонентов?
    Middle
12. Что такое утилита $fetch и чем она отличается от нативного fetch?
    Middle
13. Как работает гибридный рендеринг в Nuxt 3 с per-route rules?
    Senior· полный разбор — Jobs/Boost
14. Как сравнить Nuxt с ближайшими альтернативами по DX, performance, SEO, accessibility, hiring и поддержке команды?
    Middle· полный разбор — Jobs/Boost
15. Что такое nuxt.config.ts и какие параметры конфигурации наиболее важны?
    Middle
16. Как развернуть Nuxt 3-приложение в разных средах (Vercel, Node-сервер, edge)?
    Senior· полный разбор — Jobs/Boost
17. Как понять, что проблема в проекте связана с Nuxt, а не с API, сетью, дизайном состояния или плохой архитектурой?
    Senior· полный разбор — Jobs/Boost
18. Представьте, приложение на Nuxt стало медленно открываться или часто перерисовываться. Как вы будете искать причину?
    Senior
19. Что такое useError(), createError() и страница error.vue?
    Middle· полный разбор — Jobs/Boost
20. Что такое layouts в Nuxt и как их использовать?
    Junior· полный разбор — Jobs/Boost
21. Как управлять серверным middleware и route middleware в Nuxt 3?
    Middle· полный разбор — Jobs/Boost
22. Какие архитектурные решения Nuxt навязывает вокруг rendering, state, routing, styling, data loading или deployment?
    Middle· полный разбор — Jobs/Boost
23. Какие production-риски есть у Nuxt: hydration, bundle size, caching, accessibility, browser compatibility или observability?
    Senior
24. Проект на Nuxt вырос из небольшого интерфейса в большой продукт. Какие архитектурные проблемы вы ожидаете увидеть?
    Senior· полный разбор — Jobs/Boost
25. Что такое плагины (plugins) Nuxt и как их регистрировать?
    Middle· полный разбор — Jobs/Boost
26. Как управлять переменными окружения в Nuxt 3 с помощью runtimeConfig?
    Middle· полный разбор — Jobs/Boost
27. Как Nuxt управляет SEO и мета-тегами? Что такое useHead() и useSeoMeta()?
    Middle· полный разбор — Jobs/Boost
28. Что такое useRuntimeConfig() и как он используется на сервере и на клиенте?
    Junior
29. Что такое Nuxt layers и как использовать их для компоновки проекта?
    Senior
30. Что такое модули (modules) Nuxt? Чем они отличаются от плагинов?
    Middle
31. Каковы основные отличия между Nuxt 2 и Nuxt 3?
    Senior· полный разбор — Jobs/Boost
32. Что такое Nuxt composable'ы и чем они отличаются от обычных Vue composable'ов?
    Middle· полный разбор — Jobs/Boost
33. Расскажите о случае, когда вы улучшали performance, accessibility, testing или maintainability в проекте на Nuxt.
    Middle· полный разбор — Jobs/Boost
34. Как отлаживать hydration mismatch в SSR-приложении на Nuxt?
    Middle· полный разбор — Jobs/Boost
35. Как интегрируется Pinia в Nuxt 3? Как сохранить состояние store между SSR и клиентом?
    Middle
36. Как Nuxt 3 работает с TypeScript? Какая конфигурация требуется?
    Middle· полный разбор — Jobs/Boost
37. Что такое composable callOnce() в Nuxt 3?
    Middle· полный разбор — Jobs/Boost
38. Что такое Nuxt DevTools и чем он помогает при разработке?
    Junior· полный разбор — Jobs/Boost
39. Что такое server components в Nuxt (.server.vue)? Как они работают?
    Senior· полный разбор — Jobs/Boost