Menu

1 / 3

Next.js 4: React 16 and styled-jsx 2

Vercel News·Tim Neutkens·5 months ago
#cLhTFUI6
#vercel#next#style#styles#color
Reading 0:00
15s threshold

We are happy to introduce Next.js 4 , which features support for React 16 and introduces a major upgrade for the default styling engine styled-jsx with support for dynamic styles .

Major performance improvements are introduced: SSR with Next.js 4 is 2.6x faster and style initialization is 20% faster . According to CSS-in-JS benchmarks, Next.js styles are now the fastest of any library .

Next.js 4 is the result of the work of 29 contributors , the highest of any release yet! Check out the changes below.

Link to heading React 16

React 16 introduces numerous improvements, which you can benefit from right away by just bumping your dependencies:

npm i next@latest react@latest react-dom@latest

With Next.js 3.0 we get about 105 requests per second on one of our model pages:

A benchmark of 5000 requests against Next.js 3.0 SSR

and 272 requests per second with Next.js 4 and React 16 (a 2.6x improvement !)

A benchmark of 5000 requests against Next.js 4 SSR.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.