Skip to main content

Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features

Today at the Next.js Conf, Vercel announced the release of the latest version of the React framework for web development, Next.js. 

According to Vercel, Next.js 14 offers significant performance boosts, including 53% faster local server startup and 94% faster code updates using Fast Refresh. 

Additionally, 5,000 “next dev” integration tests have now passed with Turbopack, which is the underlying Rust engine for Next.js. Vercel says that developers should experience faster and more reliable performance using “next dev –turbo” now. The company also says that once 100% of tests pass with Turbopack, Turbopack will be moved to stable (currently 90% pass). 

Also in this release, the Next.js team has improved the developer experience of authoring data mutations with the stable release of Server Actions, which allows you to define asynchronous server functions. You can use Server Actions to revalidate cached data, redirect to different routes, set and read cookies, and more. 

Next.js 14 also includes a preview for Partial Prerending, which optimizes the compiler to handle dynamic content. It also does not require you to learn any new APIs to use. “We’ve heard your feedback. There’s currently too many runtimes, configuration options, and rendering methods to have to consider. You want the speed and reliability of static, while also supporting fully dynamic, personalized responses. Having great performance globally and personalization shouldn’t come at the cost of complexity,” Lee Robinson, VP of developer experience at Vercel, and Tim Neutkens, engineering manager for Next.js, wrote in a blog post. 

Moving on, Vercel also decoupled blocking and non-blocking metadata and is deprecating several metadata options, including viewport, colorScheme, and themeColor. New metadata options have been added to replace those. 

In addition to releasing Next.js 14, Vercel also announced the launch of a new course on Next.js Learn that covers the Next.js App Router, Tailwind CSS, optimizing fonts and images, creating layouts and pages, and more. 

 

The post Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features appeared first on SD Times.



from SD Times https://ift.tt/spNVmDM
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