NextJs — Dynamic Routes

You can create dynamic routes by using square brackets in the filename. This is useful for pages like blog posts, product pages, or user profiles.

pages/blog/[id].js

import { useRouter } from 'next/router';

export default function BlogPost() {
  const router = useRouter();
  const { id } = router.query;

  return <h1>Blog Post ID: {id}</h1>;
}
← PreviousNext →