Next.js 14 e kaotaa te mwaneka ae kakannato n rikirakean te framework ae kabatiaaki riki iroun taan mwakuri n React. Te version aei e uotii kaboraoaia aika kakawaki n aroni mwakurin te performance, ana kakaaonga te developer, ao ana kakaaonga te user.
Server Actions: Bitakin Aroni Mwakurin Taian Form
Server Actions e kabebeteia raoi aroni mwakurin taian form ao bitakin taian data i aon te server, ni kamaunaa kainnanoan taian API route n angiin taeka n kabooaki.
'use server'
export async function createUser(formData: FormData) {
const email = formData.get('email')
// Logic ae tekeraoi i aon te server
await db.users.create({ email })
}Turbopack: Performance ae Raoiroi Riki n te Tai n Build
Te bundler ae boou ae Turbopack e anga te tai n compile ae rangi n rakoraki nakon 700 te tai ni waaki n te tai ae ko karikirakea iai am website, ao e a bitii aron mwakurin te developer n bongina nako.
Kakaboraoi aika kakawaki:
- Te moanaki ae bon tao a-tia naba
- Hot Module Replacement ae rangi n waekoa
- Kaboraoana ae karaoaki n ana bwai n ti
Partial Prerendering (Prerendering Ae Ai Tabeua)
Te bwai aei bon te bwai ae kataki naba, ao e ikotii mwaitin aroni raoiroin te static rendering ma te dynamic rendering, ni kariaia te prerendering ibukin mwakoron te itera aika static, ma n teimatoa naba mwakoron aika dynamic.
Metadata Aika Kaboraoaki
Aroni mwakurin taian metadata a a boraoi riki ibukin te API ae bebete riki n ana kaeka ibukin SEO ao ni bwarebware n social media.
export const metadata = {
title: 'Au Application',
description: 'Te kabwarabwara ae kaboraoaki ibukin SEO',
openGraph: {
images: ['/og-image.jpg'],
},
}Streaming ma Suspense Aika Kaboraoaki
Kaboraoaia n te streaming a kariaia te loading ae waekoa ma ni boraoi riki, ni kaboraoa mwiin te Time to Interactive.
Kaboraoana ae Kaboraoaki Riki i Aon Taiani Bwana (Images)
Te component ae Image e karina kaboraoaia aika boou n ti bwa e na kona ni karekea te performance ae raoiroi riki iaon device nako.
Aroni Mwakurin Aika Kaboraoaki i Aon Taiani Kairua (Errors)
Te system ni mwakurin taian kairua e a manga karaoaki bwa e na anga te kakaaonga ae raoiroi riki n ukoukorani kairua ao rongorongo aika mataata riki.
Kaboraoaia n TypeScript
Katautauan TypeScript e a kamatoaaki riki n ana inference ae raoiroi riki ibukin taian type ao taiani angareirei aika koaua riki.
Te Kabwarabwara ni Kabanea
Next.js 14 e kamatoaa riki ana tabo bwa te tia kairiri n te ekosystem ni React, n uotii kaboou aika kaboraoia kakaaongan te developer ma performance ibukia kaain te website ni kabanea.
I nanon DevDigital, ti kabongana teknoloji aika boou aikai bwa ti na kona n anganiia ara client website aika boou ao aika rangi ni waekoa.