Итоги: Маршрутизация
Часть раздела Основы Next.js путешествия по React на Coddy. Урок 10 из 47.
Задание
СреднеИтоги главы: преврати одностраничное приложение в небольшой сайт, используя всё из этой главы.
- В
app/about/page.jsx(уже находится в списке файлов) сделай так, чтобы компонент возвращал<h1>сid="about-title"и точным текстомAbout us. - В
app/page.jsxимпортируйLinkизnext/linkи добавь ссылку на/aboutсid="to-about". - Динамический маршрут
app/menu/[slug]/page.jsxуже существует, но всегда показываетpizza. Сделай его компонентasync, чтобы он ожидалparamsи отображал соответствующийslugвнутри<h1>сid="dish".
Тесты нажимают на твою ссылку, затем открывают два разных блюда и ожидают увидеть два разных заголовка.
Попробуйте сами
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Все уроки раздела Основы Next.js
2Маршрутизация и ссылки
Папки как маршрутыВложенные маршрутыСвязывание страницДинамические маршрутыСтраницы 404 (Not Found)Итоги: Маршрутизация