Riepilogo: perché Next.js
Fa parte della sezione Nozioni essenziali di Next.js del percorso React di Coddy. Lezione 4 di 47.
Sfida
FacileRiepilogo del capitolo: crea una pagina da zero, usando tutto ciò che hai imparato in questo capitolo.
app/page.jsxattualmente definisce un componente, ma Next.js non riesce a trovarlo. Dichiaralo come esportazione predefinita del file.- All'interno di
<main>, aggiungi un<h1>conid="title"e il testoCoddy Eats. - Sotto, aggiungi un
<p>conid="tagline"e il testoBuilt with Next.js.
Provalo tu
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Tutte le lezioni di Nozioni essenziali di Next.js
4Server e Client
Due tipi di componentiLeggere l'erroreLa riga 'use client'Mantieni piccole le parti ClientServer dentro ClientRiepilogo: Server e Client7Navigazione lato client
Il link attivoRouting programmaticoFiltrare con l'URLGestori delle routeRiepilogo: navigazione2Routing e collegamenti
Le cartelle sono routeRoute annidateCollegare le pagineRoute dinamichePagine non trovateRiepilogo: routing5Dati sul server
Componenti asincroniIn attesa dei parametri della routeDue fetch contemporaneiStati di caricamentoGestione degli erroriRiepilogo: recupero dei dati8Progetto: Coddy Eats
Passaggio 1: La struttura
Passaggio 2: La griglia del menuPassaggio 3: Le pagine dei piattiPassaggio 4: Stato di caricamentoPassaggio 5: Titoli delle paginePassaggio 6: Aggiungi al carrelloPassaggio 7: Filtro per categoriaPassaggio 8: Lascia una recensionePassaggio 9: Ricerca in tempo reale