Folder app
Część sekcji Podstawy Next.js ścieżki React w Coddy. Lekcja 2 z 47.
Otwórz listę plików. Projekt Next.js ma określoną strukturę, która niesie ze sobą znaczenie:
app/
layout.jsx the shell around every page
page.jsx the page at /
globals.css styles for the whole appDwie nazwy plików są specjalne i będziesz ich stale używać:
page.jsx: zamienia folder w adres URL, który można odwiedzić.app/page.jsxto strona główna,/.layout.jsx: otacza strony znajdujące się poniżej. Główny układ zawiera<html>i<body>, więc każda strona z niego korzysta.
Te nazwy nie są konwencją, którą można dowolnie zmieniać. Next.js szuka plików o dokładnie takich nazwach. Dzięki temu folder z plikami staje się aplikacją z adresami URL.
Układ główny jest zablokowany w tych lekcjach, więc uszkodzona powłoka nigdy nie spowoduje awarii aplikacji. Będziesz pracować w pliku app/page.jsx oraz w plikach, które dodasz samodzielnie.
Spróbuj swoich sił
Ta lekcja nie zawiera wyzwania z kodem.
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
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