Оцей <Image/> з Next.JS класна штука

👉Він автоматично регулює вагу зображення
👉Сам визначає width та height і мені більше не треба з цим мучитися
👉Автоматично додає йому lazy, щоб не вантажити зображення які користувач поки не бачить

Круто правда?

❗️Але є два нюанси (ну завжди є нюанс)

😢 По-перше: Image не працює якщо ви хочете експортувати Next.JS в статичний сайт
😢 По-друге: не забувайте додавати priority атрибут для головного зображення на сторінці, бо може так статися що він буде ліниво вантажитись, а це не добре.

Хтось вже пробував цю чуду-юду?

@reactbeginners