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

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

1. В каких типах frontend-проектов Astro даёт реальный выигрыш, а где будет избыточен или неудачен?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
2. Что такое Astro и какую проблему он решает? В чём его основная философия?
   Junior· спрашивают почти всегда
3. Что такое client-директивы в Astro (client:load, client:idle, client:visible, client:only)? В чём их различие?
   Middle· спрашивают почти всегда
4. Как Astro работает с контентом? Что такое Content Collections API?
   Senior· спрашивают почти всегда· полный разбор — Jobs/Boost
5. Что такое Islands Architecture? Как Astro её реализует?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
6. В чём разница между статическим режимом вывода (static output mode) и SSR (server) режимом в Astro?
   Middle· спрашивают почти всегда· полный разбор — Jobs/Boost
7. Что такое API-эндпоинты Astro (файлы .ts в pages/) и как они работают?
   Middle· полный разбор — Jobs/Boost
8. Что такое адаптеры (adapters) в Astro и когда они нужны?
   Middle
9. Как сравнить Astro с ближайшими альтернативами по DX, performance, SEO, accessibility, hiring и поддержке команды?
   Middle
10. Что такое компоненты Astro (файлы .astro)? Как работает секция frontmatter?
    Junior· полный разбор — Jobs/Boost
11. Как понять, что проблема в проекте связана с Astro, а не с API, сетью, дизайном состояния или плохой архитектурой?
    Senior· полный разбор — Jobs/Boost
12. Представьте, приложение на Astro стало медленно открываться или часто перерисовываться. Как вы будете искать причину?
    Senior· полный разбор — Jobs/Boost
13. Что такое глобальный объект Astro? Какие свойства и методы он предоставляет?
    Junior· полный разбор — Jobs/Boost
14. Какие архитектурные решения Astro навязывает вокруг rendering, state, routing, styling, data loading или deployment?
    Middle· полный разбор — Jobs/Boost
15. Какие production-риски есть у Astro: hydration, bundle size, caching, accessibility, browser compatibility или observability?
    Senior· полный разбор — Jobs/Boost
16. Проект на Astro вырос из небольшого интерфейса в большой продукт. Какие архитектурные проблемы вы ожидаете увидеть?
    Senior
17. Когда стоит выбрать Astro вместо Next.js или Nuxt для проекта?
    Senior· полный разбор — Jobs/Boost
18. Как работают CSS и стилизация в Astro? Что такое скоупинг <style> и как писать глобальные стили?
    Junior· полный разбор — Jobs/Boost
19. Как получать данные в Astro? Какой подход рекомендуется во frontmatter и в endpoints?
    Middle
20. Как развернуть проект Astro на различных хостинг-платформах?
    Senior· полный разбор — Jobs/Boost
21. Как работает файловая маршрутизация в Astro? Как создавать динамические маршруты?
    Junior
22. Что такое getStaticPaths() и когда он обязателен?
    Middle· полный разбор — Jobs/Boost
23. Что такое middleware в Astro и как его реализовать?
    Senior· полный разбор — Jobs/Boost
24. Что такое server islands в Astro (представленные в Astro 4.x)?
    Senior· полный разбор — Jobs/Boost
25. Что означает «нулевой JavaScript по умолчанию» в Astro и как это достигается?
    Middle· полный разбор — Jobs/Boost
26. Как добавить сторонние интеграции в проект Astro (например, Tailwind, MDX)?
    Junior· полный разбор — Jobs/Boost
27. Расскажите о случае, когда вы улучшали performance, accessibility, testing или maintainability в проекте на Astro.
    Middle· полный разбор — Jobs/Boost
28. Когда выбирать islands/server islands, а когда полноценный SPA/SSR-фреймворк?
    Middle· полный разбор — Jobs/Boost
29. Как Astro работает с переменными окружения? Что такое import.meta.env?
    Junior
30. Что такое getCollection() и как он используется с Content Collections API?
    Middle
31. Как реализовать i18n в Astro?
    Middle
32. Как компонент <Image /> в Astro оптимизирует изображения?
    Middle· полный разбор — Jobs/Boost
33. Что такое layouts в Astro и как они используются со свойством layout во frontmatter?
    Junior
34. Как передавать данные из Astro в компоненты фреймворков (props, slots)?
    Middle· полный разбор — Jobs/Boost
35. Как обмениваться состоянием между островами (islands) в Astro?
    Senior· полный разбор — Jobs/Boost
36. Что такое View Transitions в Astro и как их включить?
    Middle
37. Что такое Astro dev toolbar и что он предоставляет?
    Junior· полный разбор — Jobs/Boost
38. Как работает процесс сборки (build process) в Astro? Какова структура директории вывода?
    Middle· полный разбор — Jobs/Boost
39. Как Astro поддерживает несколько UI-фреймворков (React, Vue, Svelte, Solid) одновременно?
    Middle