Next.js

Hoe werkt file-based routing in Next.js?

Routes worden automatisch aangemaakt op basis van bestandsstructuur.

Home/Categorieën/Next.js/Hoe werkt file-based routing in Next.js?

Routing structuur

app/page.tsx = / app/about/page.tsx = /about app/posts/[id]/page.tsx = /posts/:id (dynamic) app/api/users/route.ts = POST /api/users

JAVASCRIPTDynamic route

// app/posts/[id]/page.tsx
export default function Post({ params }) {
  return <h1>Post {params.id}</h1>;
}

routingfile-baseddynamic