Ko Next.js 14 tētahi hikoinga nui whakamua i te whanaketanga o te anga React rongonui rawa atu. Ko tēnei putanga e mau mai ana i ngā whakapainga nui mō te mahi, te wheako kaiwhakawhanake, me te wheako kaiwhakamahi.
Ngā Server Actions: he huringa mō ngā puka
Ka whakangāwaritia rawatia e ngā Server Actions te whakahaere puka me ngā whakarerekētanga raraunga i te taha tūmau (server), me te whakakore i te hiahiatanga mō ngā ara API i te maha o ngā take whakamahi.
'use server'
export async function createUser(formData: FormData) {
const email = formData.get('email')
// Ngā tikanga tika i te tūmau
await db.users.create({ email })
}Turbopack: he mahi pai ake i te wā hanga
Ko te bundler hou, ko Turbopack, e tuku ana i ngā wā whakaputa tae atu ki te 700 whakareatanga tere ake i te wā whanaketanga, e huri ana i te mahi o ia rā o ngā kaiwhakawhanake.
Ngā Painga Matua:
- Te tīmatanga tata tonu
- He Hot Module Replacement tino tere
- Te whakapai aunoa
Partial Prerendering (te huri-mua wāhanga)
Ko tēnei āhuatanga whakamātau e whakakotahi ana i te pai rawa atu o te huri pūmau me te huri hihiko, e taea ai te huri-mua i ngā wāhanga pūmau o te whārangi i a ia e pupuri ana i ngā wāhanga hihiko.
Ngā Metadata Kua Whakapaingia
Ka māmā ake te whakahaere metadata nā tētahi API māmā ake mō te SEO me te tiri i ngā pāpāho pāpori.
export const metadata = {
title: 'Taku Taupānga',
description: 'Whakaahuatanga kua whakapaingia mō te SEO',
openGraph: {
images: ['/og-image.jpg'],
},
}Te Streaming me te Suspense Kua Whakapaingia
Ka taea e ngā whakapainga i te streaming tētahi utaina haere-tonu pai ake, e whakapai ake ana i te uara o te Time to Interactive.
Te Whakapainga Whakaahua Kua Whakapaingia
Ka whiwhi te components Image i ngā whakapainga aunoa hou hei whakarite i te mahi pai rawa atu i runga i ia pūrere.
He Whakahaere Hapa Pai Ake
Kua hoahoahia anōtia te pūnaha whakahaere hapa hei tuku i tētahi wheako rapu hapa pai ake me ngā karere mārama ake.
Ngā Whakapainga i te TypeScript
Kua whakakahangia te whakaurunga o TypeScript mā te tohu momo (inference) pai ake me ngā tohutohu tika ake.
Whakarāpopototanga
Ka whakaū a Next.js 14 i tōna tūranga hei kaiārahi i te pūnaha React mā te mau mai i ngā auahatanga e whakapai ake ana i te wheako kaiwhakawhanake me te mahi mō ngā kaiwhakamahi whakamutunga.
I DevDigital, ka whakamahia e mātou ēnei hangarau hou hei tuku ki ā mātou kiritaki ngā taupānga tukutuku hou me te tino tere.