Миграция с Axios на Astro

Axios — популярный HTTP-клиент для JavaScript, работающий как в браузере (через XMLHttpRequest), так и в Node.js (через нативный http-модуль). Библиотека предоставляет promise-based API с поддержкой async/await, автоматически сериализует JSON в обе стороны и позволяет перехватывать запросы и ответы через интерцепторы. Это делает удобным реализацию авторизации, логирования и обработки ошибок в едином месте. Axios широко используется в React, Vue и Angular приложениях для работы с REST API. Возможность создавать именованные экземпляры с предустановленными baseURL, заголовками и таймаутами упрощает работу с несколькими API-эндпоинтами. Поддержка отмены запросов через AbortController важна для предотвращения гонок состояния в компонентах. Интерцепторы — единая точка для добавления токенов, логирования и обработки ошибок всех запросов. Автоматический JSON — сериализация тела запроса и парсинг ответа без дополнительного кода. Именованные экземпляры — несколько API-клиентов с разными baseURL и настройками в одном проекте. Отмена запросов — поддержка AbortController для предотвращения гонок состояния в компонентах.

Astro — современный фреймворк для создания контентных сайтов, реализующий концепцию Islands Architecture. Основная идея: страница по умолчанию генерируется как чистый HTML без JavaScript, а интерактивные компоненты («острова») гидратируются только при необходимости. Это позволяет достигать исключительной производительности — нулевой JS-бандл для статических страниц и минимальный для интерактивных. Студия применяет Astro для разработки быстрых маркетинговых сайтов, блогов и документационных порталов. Уникальное преимущество Astro — возможность использовать компоненты React, Vue и Svelte в одном проекте, что упрощает переиспользование существующих UI-компонентов. Islands Architecture — только интерактивные компоненты получают JavaScript, остальное — чистый HTML Нулевой JS по умолчанию — максимальная производительность без ручной оптимизации Мультифреймворковость — React, Vue, Svelte и Solid компоненты в одном проекте Content Collections — типизированный API для работы с Markdown, MDX и JSON-контентом View Transitions — плавные переходы между страницами без SPA-overhead