Получить параметры из маршрутов Next.js

Чтобы получить параметры из маршрута Next.js, вы можете использовать несколько методов в зависимости от ваших конкретных требований. Вот несколько распространенных подходов:

  1. Параметры запроса. Вы можете получить параметры запроса из URL-адреса с помощью перехватчика useRouter, предоставляемого Next.js. Вот пример:
import { useRouter } from 'next/router';
function MyComponent() {
  const router = useRouter();
  const { parameterName } = router.query;
  // Rest of your component logic
}
  1. Динамические маршруты. Если в вашем маршруте есть динамические сегменты, вы также можете получить к ним доступ с помощью хука useRouter. Вот пример:
import { useRouter } from 'next/router';
function MyComponent() {
  const router = useRouter();
  const { parameterName } = router.query;
  // Rest of your component logic
}
  1. Рендеринг на стороне сервера (SSR). Если вам нужно получить данные с сервера перед рендерингом компонента, вы можете использовать возможности рендеринга на стороне сервера Next.js. Вы можете получить доступ к параметрам внутри функции getServerSideProps. Вот пример:
export async function getServerSideProps(context) {
  const { parameterName } = context.query;
  // Fetch data based on the parameter
  return {
    props: {
      // Pass the fetched data as props to your component
    }
  };
}

Это всего лишь несколько методов получения параметров из маршрута Next.js. Конкретный подход, который вы выберете, будет зависеть от требований вашего проекта. Не забудьте импортировать необходимые модули и хуки соответственно.