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

  Рет қаралды 14,697

CoderOne

CoderOne

Күн бұрын

Пікірлер: 17
@CoderOne
@CoderOne Жыл бұрын
✨You can check and grab the custom Vite plugin from this repo: github.com/ipenywis/react-fast-img
@okadz7037
@okadz7037 Жыл бұрын
حبيبي ياه خوك من الجلفة 🇩🇿 الله يوفقك ❤
@lukas.webdev
@lukas.webdev Жыл бұрын
A very helpful concept ... thanks for sharing with the community! Keep it up! 😉
@naimurrahman9979
@naimurrahman9979 Жыл бұрын
This video is super useful, thumbs up for that 👍
@zedobeleleu
@zedobeleleu Жыл бұрын
Thank you for sharing this content! Keep going, please 😊
@thisishabib744
@thisishabib744 Жыл бұрын
Love form Bangladesh 🇧🇩🇧🇩🇧🇩
@tanercoder1915
@tanercoder1915 Жыл бұрын
VW stands for viewport width not virtual.
@lukas.webdev
@lukas.webdev Жыл бұрын
👍
@LuisSCuevas
@LuisSCuevas Жыл бұрын
Thanks!
@aspirine17
@aspirine17 Жыл бұрын
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
@bernard3992
@bernard3992 Жыл бұрын
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 )
@abdeldjalil.hachimi
@abdeldjalil.hachimi Жыл бұрын
Great Content keep going!
@irfansyahmalfaris3382
@irfansyahmalfaris3382 Жыл бұрын
very nicee, can i use the plugin in cra?
@kakun7238
@kakun7238 Жыл бұрын
what if the images are fetched from a cms instead of assets
@CoderOne
@CoderOne Жыл бұрын
That will require a server/cms setup to serve different resolutions of images or simply using a CDN
@sauravgupta4557
@sauravgupta4557 Жыл бұрын
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.
@rishiraj2548
@rishiraj2548 Жыл бұрын
👍
How To Load Images Like A Pro
15:48
Web Dev Simplified
Рет қаралды 382 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
風船をキャッチしろ!🎈 Balloon catch Challenges
00:57
はじめしゃちょー(hajime)
Рет қаралды 63 МЛН
Haunted House 😰😨 LeoNata family #shorts
00:37
LeoNata Family
Рет қаралды 5 МЛН
Human vs Jet Engine
00:19
MrBeast
Рет қаралды 202 МЛН
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 118 МЛН
The Right way to Optimize Next.js to Score 100 in lighthouse
23:23
DON'T Serve Unoptimized Images - Webp, Srcset, ImageKit, and more!
18:29
Don't Use React Context!! Use This instead
13:34
CoderOne
Рет қаралды 28 М.
The Better Way to Load Images
8:46
Josh tried coding
Рет қаралды 51 М.
Giving Up On Next.js | Theo Reacts
44:49
Theo - t3․gg
Рет қаралды 125 М.
React Intersection Observer (scroll + lazy-load  картинок)
22:10
Using Images in Next.js (next/image examples)
9:10
leerob
Рет қаралды 115 М.
風船をキャッチしろ!🎈 Balloon catch Challenges
00:57
はじめしゃちょー(hajime)
Рет қаралды 63 МЛН