Вопрос проверяет понимание файловой маршрутизации и работы параметров URL.
В Next.js динамические маршруты создаются с помощью файлов в квадратных скобках, например [id].js. Значение параметра можно получить через router.query или параметры функции загрузки данных. Такой подход позволяет создавать страницы для разных сущностей, например пользователей или товаров. Маршруты формируются автоматически на основе структуры файлов.
Next.js использует файловую систему для определения маршрутов, включая динамические.
Определение:
Динамический маршрут (dynamic route) — это маршрут, в котором часть URL является переменной и определяется во время выполнения.
Пример структуры
pages/
users/
[id].js
Такой файл обрабатывает маршруты вида:
/users/1
/users/25
Получение параметра
import { useRouter } from "next/router";
const router = useRouter();
const { id } = router.query;
Альтернативный вариант (SSR или SSG)
export async function getServerSideProps(context) {
const { id } = context.params;
return { props: { id } };
}
Когда используется
Страницы пользователей.
Страницы товаров.
Детальные страницы контента.
Динамические маршруты в Next.js реализуются через файловую систему и позволяют автоматически обрабатывать параметры URL.