🌐 Routing in Next.js (App Router)

📁 File-based Routing

Next.js automatically creates routes based on your file structure under the app/ directory.

  • app/page.tsx → / (Home route)
  • app/about/page.tsx → /about
  • app/contact/page.tsx → /contact

🔧 Dynamic Routing

Aap dynamic parameters ke liye brackets use karte hain. For example:

  • app/blog/[slug]/page.tsx → /blog/post-title
  • app/user/[id]/page.tsx → /user/123

Is tarah aap dynamic routes handle kar sakte ho. Use params to access values.

🔗 Link Navigation

Internal routing ke liye Link component use hota hai from next/link.

About PageContact Page

✅ Next.js App Router makes routing easy, powerful, and file-driven. You don’t need extra config — just create files and Next.js handles the rest!