Recapitulación: Enrutamiento
Parte de la sección Esenciales de Next.js del Journey de React de Coddy. Lección 10 de 47.
Desafío
IntermedioRecapitulación del capítulo: convierte una aplicación de una sola página en un sitio pequeño utilizando todo lo aprendido en este capítulo.
- En
app/about/page.jsx(que ya aparece en la lista de archivos), haz que el componente devuelva un<h1>conid="about-title"y el texto exactoAbout us. - En
app/page.jsx, importaLinkdesdenext/linky añade un enlace a/aboutconid="to-about". - La ruta dinámica
app/menu/[slug]/page.jsxya está creada, pero siempre muestrapizza. Haz que su componente seaasyncpara que espere aparamsy muestre elslugcoincidente dentro de un<h1>conid="dish".
Las pruebas hacen clic en tu enlace, después visitan dos platos diferentes y esperan dos encabezados diferentes.
Pruébalo tú mismo
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Todas las lecciones de Esenciales de Next.js
2Enrutamiento y enlaces
Las carpetas son rutasRutas anidadasEnlaces entre páginasRutas dinámicasPáginas no encontradasRecapitulación: Enrutamiento