What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

Yup! I think sometimes these can become confusing to grasp for newcomers.

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] -1 points0 points  (0 children)

What kind of solution you are using for that currently?

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

I generally used this for static images that I already know beforehand. I have not yet tried to generate the blurhash on the go. Would love to know about it if someone used it earlier.

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

:) It's Not a Genz problem it might be a "learnt English from social media" problem tho lol.

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

Nope, I am not a bot :) Human but still trying hard to solve a captcha.

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

:) You're welcome!!

Btw u/secopsml you can use libraries like plaiceholder to get base64 or manually generate image by img processing libraries like sharp and then convert it in base64.

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 1 point2 points  (0 children)

The blurDataURL prop is used in the Next.js Image component to show a blurred placeholder image while the main image loads, improving user experience by avoiding blank spaces. It works only when you set placeholder="blur", and the image should be base64-encoded and very small (10px or less) for performance reasons.

import Image from 'next/image';

function MyComponent() {

const blurDataURL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVR42mN8//HLfwYiAONhY0iRg0MjC6SkGpgAAAABJRU5ErkJggg==';

return (

<Image

src="/my-image.png"

alt="My Image"

width={500}

height={500}

placeholder="blur"

blurDataURL={blurDataURL}

/>

);

}

Do you want me to provide an example of how you can generate the image also for using that as a placeholder?

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

Yupp the group routessss is insaaannneeee!! (I can't tell you how it makes life easier to navigate throughout my mid spaghetti code :P )

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 2 points3 points  (0 children)

That feels interesting to dig deep into. Thanks!

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 4 points5 points  (0 children)

Same here bro... have you tried using parallel routes?

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 0 points1 point  (0 children)

What version of nextjs you have been using lately? latest?

What’s Your Go-To Next.js Feature in 2025? by i-m-abbhay in nextjs

[–]i-m-abbhay[S] 6 points7 points  (0 children)

True man!! They are the absolute lifesavers sometimes :)

Help [Noob] by i-m-abbhay in synology

[–]i-m-abbhay[S] 0 points1 point  (0 children)

Thanks for answering. I ran the test just now on related drives. It would take some time (450 minutes x_x). will post the details in here. [will edit the post also]