The Right way to Load Images in React & Next.js

⭐ Timestamps ⭐
00:00 Intro
00:45 Why Responsive Images??
04:34 How to implement it in your React/Html app
11:14 Auto-generating images with Gulp
16:40 I Built a React Vite Plugin to do it!

-- Special Links

✨ Join Figma for Free and start designing now!

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨

🥶 💻 Image Optimization Repo with Vite Plugin

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Introduction to GraphQL with Apollo and React

Made with 💗 by Coderone

[lukas.webdev]

A very helpful concept ... thanks for sharing with the community! Keep it up! 😉

[naimurrahman]

This video is super useful, thumbs up for that 👍

[zedobeleleu]

Thank you for sharing this content! Keep going, please 😊

[okadz]

حبيبي ياه
خوك من الجلفة 🇩🇿
الله يوفقك ❤

[tanercoder]

VW stands for viewport width not virtual.

[aspirine]

Can you please make a video how to set up google auth with next auth and nest js backend, because all tutorials use db connector directly in next without any backend

[bernard]

Quick question @CoderOne, Since the workaround you made for react is a vite plugin, does that mean the solution only works in development . . .as Vite only stays in play during development ( it's dev server and building )

[irfansyahmalfaris]

very nicee, can i use the plugin in cra?

[sauravgupta]

NextJS Image component is very helpful for local assets but if you've your images stored in a CDN then NextJS Image generates the images on the server side which defeats the purpose of using a CDN with an efficient cache policy. If somebody knows a solution I'm all ears.

[kakun]

what if the images are fetched from a cms instead of assets