Skip to main content

Next.js 10 released with new front-end development capabilities

The React framework Next.js is getting a major update for front-end development. Vercel, the Next.js company, announced Next.js 10 at its user conference today with new ways for front-end developers to create rich web experiences. 

“Performance, or lack of it, is the most critical factor in the success or failure of the modern web site,” said Guillermo Rauch, CEO of Vercel. “Next.js 10 addresses the most critical pain points developers face when optimizing their workflows and websites to deliver high quality, highly-performant content at scale.”

Top features in this release include automatic image optimization, internationalized routing and automatic language detection, quick-start e-commerce capabilities and continuous Web Vitals analytics.

According to the company, Google’s Web Vitals is expected to become the next PageRank, which can impact a website’s success or failure. With Next.js 10, developers get real-world continuous user insights to help them understand where their site needs improvement and provides continuous feedback.  

Internationalized routing and automatic language detection automatically determines what content to serve based on users’ language preferences. 

Automatic image optimization automatically replaces legacy HTML image tags and adds React-based image components through automatic progressive loading, according to the team. 

Lastly, Next.js Commerce is an open-source platform that provides performance, personalization, customization and modern experiences for large websites. It was created in partnership with BigCommerce and automates common e-commerce site components with a data layer and reusable data primitives from BigCommerce. 

Other features include React 17 support, fast refresh for MDX, and npm support for importing CSS.

“By enabling a true develop-preview-ship-iterate workflow, Next.js 10 makes it easier than ever for them to achieve excellence in web development and helps assure them that their users will have the highest quality web experiences possible, wherever they may be in the world,” said Rauch.

More details are available here. 

The post Next.js 10 released with new front-end development capabilities appeared first on SD Times.



from SD Times https://ift.tt/3oz01LK
Labels:

Comments

Post a Comment

Popular posts from this blog

A guide to data integration tools

CData Software is a leader in data access and connectivity solutions. It specializes in the development of data drivers and data access technologies for real-time access to online or on-premise applications, databases and web APIs. The company is focused on bringing data connectivity capabilities natively into tools organizations already use. It also features ETL/ELT solutions, enterprise connectors, and data visualization. Matillion ’s data transformation software empowers customers to extract data from a wide number of sources, load it into their chosen cloud data warehouse (CDW) and transform that data from its siloed source state, into analytics-ready insights – prepared for advanced analytics, machine learning, and artificial intelligence use cases. Only Matillion is purpose-built for Snowflake, Amazon Redshift, Google BigQuery, and Microsoft Azure, enabling businesses to achieve new levels of simplicity, speed, scale, and savings. Trusted by companies of all sizes to meet...
1 comment
Read more

2022: The year of hybrid work

Remote work was once considered a luxury to many, but in 2020, it became a necessity for a large portion of the workforce, as the scary and unknown COVID-19 virus sickened and even took the lives of so many people around the world.  Some workers were able to thrive in a remote setting, while others felt isolated and struggled to keep up a balance between their work and home lives. Last year saw the availability of life-saving vaccines, so companies were able to start having the conversation about what to do next. Should they keep everyone remote? Should they go back to working in the office full time? Or should they do something in between? Enter hybrid work, which offers a mix of the two. A Fall 2021 study conducted by Google revealed that over 75% of survey respondents expect hybrid work to become a standard practice within their organization within the next three years.  Thus, two years after the world abruptly shifted to widespread adoption of remote work, we are dec...
Post a Comment
Read more

10 Simple Image Slider HTML CSS JavaScript Examples Neeraj Mishra The Crazy Programmer

Slider is a very important part of any website or web project. Here are some simple image slider examples that I handpicked from various sites. These are built by different developers using basic HTML, CSS, and JavaScript. Some are manual while others have auto-slide functionality. You can find the source code for each by clicking on the code button or on the image. 1. Very Simple Slider Demo + Code 2. Popout Slider Demo + Code 3. Really Simple Slider Demo + Code 4. Jquery Simple Slider Demo + Code 5. Manual Slideshow Demo + Code 6. Slideshow Indicators Demo + Code 7. Simple Responsive Fullscreen Slider Demo + Code 8. Responsive Image Slider Demo + Code 9. Simple Image Slider Demo + Code 10. Slicebox – 3D Image Slider Demo + Code I hope these simple image sliders are helpful for you. For any queries, you can ask in the comment section below. The post 10 Simple Image Slider HTML CSS JavaScript Examples appeared first on The Crazy Prog...
Post a Comment
Read more