Tá dhá chóras ródúil ag Next.js. Is é an Pages Router (pages/) an ceann bunaidh; is é an App Router (app/, ó Next 13) an ceann níos nuaí, an ceann a bhíonn tugtha le geal agus a tógadh timpeall ar React Server Components.
Tá dhá chóras ródúil ag Next.js. Is é an Pages Router (pages/) an ceann bunaidh; is é an App Router (app/, ó Next 13) an ceann níos nuaí, an ceann a bhíonn tugtha le geal agus a tógadh timpeall ar React Server Components.
Pages Router (pages/) App Router (app/)
──────────────────────────────────────────────────────
pages/about.tsx → /about app/about/page.tsx → /about
Default export = page page.tsx = page, layout.tsx = layout
getServerSideProps (SSR) async Server Components (fetch directly)
getStaticProps (SSG) fetch() with caching options
_app.tsx / _document.tsx Nested layout.tsx files
All components client-rendered Server Components by default
// App Router — a Server Component that fetches data directly, no extra API
// app/users/page.tsx
export default async function Users() {
const res = await fetch("https://api.example.com/users"); // runs on the SERVER
const users = await res.json();
return <ul>{users.map(u => <li key={u.id}>{u.name}</li>)}</ul>;
}
San App Router, is Server Components iad na comhpháirteanna de réir réamhshocrú — ritheanns siad ar an bhfreastalaí, is féidir leo await sonraí go díreach, agus cuirid siad nialas JS don chomhpháirt sin chuig an brabhsálaí. Bhí an Pages Router ag úsáid feidhmeanna speisialta (getServerSideProps) in ionad sin chun sonraí a chur ar leathanach a raibh siad á léiriú ar an taobh an chliaint.
layout.tsx).loading.tsx / Suspense.Baineadh úsáid as an App Router do thionscadail nua — sin an áit ar a bhfuil forbairt Next.js dírithe. Tá an Pages Router fós á thacú (agus is féidir an dá rud a bheith ann sa chéad aip) ach is gnáth-bhealach an choimeádachta a bhíonn ann.
Is ionadaíonn an App Router ailtireacht reatha Next.js (Server Components, leabharlanna foluaineacha, streaming).
Bheith agat ar thuiscint ar an bhealach ar a dhifríonn sé ó shean-Pages Router — go háirithe an réamhshocrú server-first agus an tsamhail leabharlainne — tá sé riachtanach do dhul i ngleic le aon bhunbhealach Next.js nua-aimseartha.