Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Next.js 10

nextjs.org

Post reply on HN
Print view View original

91–100 of 206 posts

Re: Next.js 10

#91

Post by robocat »

pbowyer wrote: post #40

> Nowadays users browse the web using their phones, tablets, and laptops, yet images are still as a one size fits all. For example: sites load a 2000 by 2000 pixel image, but phones are only displaying it as 100 by 100 pixels. That's what srcset & were invented for. > Furthermore, 30% of images on web pages are outside of the initial viewport, meaning the browser loads images that a user does not see until they scrol…

> How can smart preloading work when the image size isn't known until the JS component runs?

From the article:

- Image dimensions are enforced, allowing browsers to immediately render the space needed for the image instead of having it jump in when loaded, preventing layout shift.

- While width and height on the HTML element can cause issues with responsive layouts, this is not the case when using next/image. When using next/image the image is automatically made responsive based on the aspect ratio from the provided width and height.

Re: Next.js 10

#92

Post by neves »

In Vercel page they tout: "Developers love Next.js, the open source React framework Vercel built together with Google and Facebook".

Did Google quit Angular and is using React now?

Re: Next.js 10

#93

Post by neves »

bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

What is DX? New jargon?

Re: Next.js 10

#94

Post by acoard »

anuila wrote: post #70
jasode wrote: post #65

Earlier quoted context omitted.

>That's what srcset & were invented for. I don't know Next.js but I just spot checked a comparison to see if srcset is an exact subtitute. - If I'm reading CanIUse chart correctly, it says IE11 isn't compatible.[1] - syntax of srcset requires manual and verbose specification of different source images. E.g. from MDN[2]: - Next.js example[3] is simpler and shorter: import Image from 'next/image' The Next.js post also…

Yeah, I mean, screw IE11 users. An unsupported srcset just means that they will not benefit from this enhancement but they will just download a standard size. This is perfectly fine. As for the syntax, yes, it’s better to always have some generator to create it. WordPress has been doing it for years with a plain `the_image($id)` call.

A better way of saying this is that srcset gracefully degrades for IE11. They will miss out on the benefits, but they still get to use a regular tag.

Re: Next.js 10

#95

Post by cfors »

neves wrote: post #93
bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

What is DX? New jargon?

Presumably Developer Experience

Re: Next.js 10

#96

Post by [deleted] »

neves wrote: post #93
bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

What is DX? New jargon?

[deleted]

Re: Next.js 10

#97

Post by kipple »

neves wrote: post #93
bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

What is DX? New jargon?

It's hard to search for, but it appears to mean "Developer Experience" — https://medium.com/@koba04/performance-and-dx-in-frontend-48...

Re: Next.js 10

#98

Post by pinum »

truesy wrote: post #45

I have mixed emotions on this framework. If you're doing a simple project, Next is the best around. Also great for marketing pages, etc. But if you have a more sophisticated app, with an API, page routes that need to toggle based on cookies, etc, then you have to integrate something like Express. I've done this several times with Next, and it just doesn't pay off. I've also tried to use it at work, but it changes rap…

I assume you're referring to what Next describes as a "Custom Server", e.g. taking over the server-side control flow.

Personally, I keep Next stock for the frontend, and just write an entirely separate backend/API server. I would want to do that in any event, just to achieve separation of concerns and avoid lock-in.

Re: Next.js 10

#99

Post by scns »

neves wrote: post #93
bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

What is DX? New jargon?

Developer eXperience

Re: Next.js 10

#100

Post by mindrun »

bamazizi wrote: post #71

I understand this is a Vercel framework and probably a great distribution channel for new business and increasing overall revenue. But, I'm a bit disappointed the "next" version is more about Vercel's own internal business agenda. Promoted as amazing "DX" is not really true. It had a better DX compared to the other tools, that's why it grew so popular, but not seeing anything real DX related in version "10". Other to…

Whenever the Next.js + Vercel combo gains a new feature, Vercel ensures that it's available in standalone Next.js too – even when deployed to other providers.

That's true for all the features mentioned in the Next.js 10 blog post: Image optimization, Internationalization, but also Analytics.

Since you mentioned the latter: Did you notice that we wrote a detailed documentation page about how to report those metrics to any service of your choice?

https://nextjs.org/docs/advanced-features/measuring-performa...

Sure, there's obviously a whole UI piece to this as well – but since you interact with Next.js programmatically and there's a quite sophisticated data storage that needs to back all of this as well, Vercel optionally provides you with a pre-built solution.

But again, to be clear: If you want to use Analytics + Next.js elsewhere, Next.js supports reporting them natively – even if not hosted on Vercel.

Post reply on HN