Тест: Основы Next.js
Итоговый тест по курсу «Основы Next.js». 20 вопросов, 70% для прохождения, 3 попытки.
01
Что такое Next.js?
02
Какой роутер используется в Next.js 13+?
03
Где лежат страницы в App Router?
04
Что такое Server Component?
05
Какая директива делает компонент клиентским?
06
Какой файл задаёт метаданные?
07
Что такое layout.tsx?
08
Какая команда запускает проект?
09
Что даёт Next.js?
10
Что можно экспортировать из layout.tsx?
11
Что верно про Server Components?
12
Что можно делать в Client Components?
13
Какая папка для страниц в App Router?
14
Какая директива делает компонент клиентским?
15
Какой файл описывает общий layout?
16
Какая функция генерирует метаданные динамически?
17
Заполни пропуски в компоненте
export default function Counter() {{ const [count, setCount] = (0); return <button onClick={{() => setCount(count + 1)}}>{{count}}</button>; }}
18
Заполни пропуски в layout
export const = {{ title: 'Мой сайт', description: 'Описание', }}; export default function ({{ children }}) {{ return <html><body>{{children}}</body></html>; }}
19
Заполни пропуски в серверном компоненте
export default function Page() {{ const data = fetch('https://api.example.com/data'); return <div>{{JSON.stringify(data)}}</div>; }}
20
Заполни пропуски в странице
export default function () {{ return <h1>Добро пожаловать в </h1>; }}