Встречается на собеседованиях • сегодня
Что такое dynamic routes в Next
Dynamic routes в Next.js позволяют создавать страницы с динамическими URL на основе параметров. Они используются, когда нужно генерировать страницы с разным контентом, но одинаковой структурой (например, блоги, товары).
Для создания динамического роута нужно:
1. Добавить файл в формате `[param].js` в папке `pages` (например, `pages/posts/[id].js`)
2. Получать параметры через `getStaticProps` (SSG) или `getServerSideProps` (SSR)
Пример:
```jsx
// pages/posts/[id].js
export async function getStaticProps({ params }) {
const post = await getPostById(params.id);
return { props: { post } };
}
export async function getStaticPaths() {
const posts = await getAllPosts();
const paths = posts.map(post => ({ params: { id: post.id } }));
return { paths, fallback: false };
}
function Post({ post }) {
return
{post.title}
;
}
```
Ключевые особенности:
- `getStaticPaths` определяет какие пути будут предварительно сгенерированы
- `fallback` контролирует поведение для несуществующих путей
- Можно использовать несколько параметров (`[...slug].js` для catch-all роутов)
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы