Podsumowanie: Dlaczego Next.js
Część sekcji Podstawy Next.js ścieżki React w Coddy. Lekcja 4 z 47.
Wyzwanie
ŁatwyPodsumowanie rozdziału: zbuduj stronę od zera, wykorzystując wszystko z tego rozdziału.
app/page.jsxobecnie definiuje komponent, ale Next.js nie może go znaleźć. Oznacz go jako eksport domyślny pliku.- Wewnątrz
<main>dodaj<h1>zid="title"i tekstemCoddy Eats. - Poniżej dodaj
<p>zid="tagline"i tekstemBuilt with Next.js.
Spróbuj swoich sił
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Wszystkie lekcje w sekcji Podstawy Next.js
4Serwer i klient
Dwa rodzaje komponentówOdczytywanie błęduLinia „use client”Ograniczaj części klienckieSerwer wewnątrz klientaPodsumowanie: serwer i klient7Nawigacja po stronie klienta
Aktywny linkRouting programowyFiltrowanie za pomocą URLObsługa trasPodsumowanie: nawigacja