Sa phróiseas forbartha feidhmchlár gréasáin, is gné ríthábhachtach é leathanaigh a bhainistiú agus nascleanúint a dhéanamh eatarthu. Sa tsraith alt seo, déanfaimid iniúchadh ar na bunghnéithe a bhaineann le leathanaigh a chruthú agus le nascleanúint a chur i bhfeidhm i Next.js. Tá na coincheapa bunúsacha seo riachtanach chun feidhmchláir ghréasáin sholúbtha agus inbhainistithe a thógáil.
An Chéad Leathanach a Chruthú agus a Thaispeáint
Ar an gcéad dul síos, tuigimid conas leathanach simplí a chruthú agus a thaispeáint i Next.js. Is féidir leat leathanaigh a chruthú trí chomhaid a chruthú laistigh d' pages eolaire do thionscadal. Mar shampla, chun leathanach fáilte a chruthú, is féidir leat comhad a ainmnítear welcome.js san pages eolaire a chruthú.
// pages/welcome.js
function WelcomePage() {
return <h1>Welcome to Next.js!</h1>;
}
export default WelcomePage;
Sa bhlúire cód thuas, tá leathanach fáilte simplí cruthaithe againn. Nuair a théann tú isteach ar an /welcome gcosán i do bhrabhsálaí gréasáin, feicfidh tú an teachtaireacht "Fáilte go Next.js !" ar taispeáint.
Bunúsach Routing
Next.js cuireann sé córas láidir iomasach ar fáil routing a éascaíonn nascleanúint idir leathanaigh. Routing in Next.js bunaithe ar an pages eolaire, le gach comhad san eolaire seo ag freagairt do chonair shonrach. Mar shampla, cruthóidh comhad a ainmnítear about.js laistigh den eolaire leathanach a mbeidh rochtain air ag an gcosán. pages /about
Naisc a Chruthú agus Nascleanúint
Chun naisc a chruthú idir leathanaigh agus nascleanúint a dhéanamh eatarthu, is féidir linn an <Link> chomhpháirt ón next/link leabharlann a úsáid. Seo thíos sampla de nasc a chruthú ón leathanach fáilte go dtí an leathanach fúinn.
// pages/welcome.js
import Link from 'next/link';
function WelcomePage() {
return(
<div>
<h1>Welcome to Next.js!</h1>
<Link href="/about">Learn more about us</Link>
</div>
);
}
export default WelcomePage;
Sa sampla thuas, nuair a chliceálann tú ar an nasc "Foghlaim tuilleadh fúinn", déanfar tú a atreorú chuig an /about leathanach.
Conclúid
Sa chuid seo, rinneamar iniúchadh ar conas leathanaigh shimplí a chruthú agus a thaispeáint iontu Next.js agus conas nascleanúint a chur i bhfeidhm idir leathanaigh ag baint úsáide as an pages eolaire agus an <Link> chomhpháirt. Is céimeanna tosaigh ríthábhachtacha iad seo chun Next.js iarratas a thógáil. Sna hailt atá le teacht, leanfaimid ag iniúchadh gnéithe eile d' Next.js fheidhmchláir dhinimiciúla agus idirghníomhacha gréasáin a thógáil.