Условный рендеринг в React — это способ менять вывод компонентов в зависимости от состояния приложения. Основные техники: if/else, тернарный оператор, переменные-элементы, логические операторы и возврат null; учитывайте falsy-значения и loading/error состояния.
Короткие CSS hover‑эффекты (размытие, масштаб, градация серого, появление текста с выездом или затуханием) делают галереи и карусели приятнее. Всё можно реализовать на чистом CSS: сетка, обёртки для изображений и несколько классов для эффектов. В статье — готовые шаблоны, советы по доступности и чек‑листы для дизайнера и разработчика.
Пошаговая инструкция по подключению 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. В статье — примеры кода, чек-листы, тесты и рекомендации по изображениям.