Next.js tutorial - Image component

Published: 02 September 2024
on channel: Tuomo Kankaanpää
438
34

📕 Download Next.js Image Component cheat sheet: https://bit.ly/3yYBFoW

Whenever you are using images in Next.js you should use the Image component, because it offers so many good features and extensions to the html img tag e.g. size optimisation, visual stability - prevent ayout shift, faster page loads and asset flexibility (automatic on demand resizing).

In this video we'll take a look on how to properly display images using local images and also with remote images. There are some differences in the configurations we need to do between these two options.

After this video you will be able to confidently use the Nextjs Image component and know you are utilising it fully to improve your Next js application performance and user experience.

👊 Check out these too!
My newsletter: https://tuomokankaanpaa.com/newsletter
Master the Next.js Image Component: Optimize Your App Performance Instantly: https://bit.ly/3yYBFoW
Next.js Route Handlers Cheat Sheet: https://bit.ly/route-handlers-cc


Watch video Next.js tutorial - Image component online without registration, duration hours minute second in high quality. This video was added by user Tuomo Kankaanpää 02 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 438 once and liked it 34 people.