How to create a dynamic route in Next.js

Question

Here is a code snippet from a Next.js application with a dynamic route:

// pages/posts/[id].js
import { useRouter } from 'next/router';

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

  return <div>Post ID: {id}</div>;
}

What is the feature used to handle dynamic routes here?

Post ID: {id}

; } ``` What is the feature used to handle dynamic routes here?

Accepted Answer

Files with names in brackets `[ ]` in `pages`.

Answer

Dynamically named folders in `pages`.

Answer

Fixed file names in `pages`.

Answer

Query parameters.

Question from the Next.js test

How to create a dynamic route in Next.js