Пошаговая инструкция по подключению Google Analytics (GA4) к проекту Next.js: получить идентификатор, вставить теги через next/script, добавить pageview для SPA и учесть приватность.
@keyframes определяет ключевые состояния элемента, а свойство animation связывает эти состояния с самим элементом. Используйте transform и opacity для производительных анимаций, применяйте краткую запись animation для компактности и учитывайте prefers-reduced-motion для доступности.
Настройте Open Graph, чтобы ссылки из вашего Next.js-приложения выглядели привлекательно в соцсетях и повышали кликабельность. Для простоты используйте пакет next-seo; для гибкости — кастомный _document.js. В статье — примеры кода, чек-листы, тесты и рекомендации по изображениям.