Папка App
Часть раздела Основы Next.js путешествия по React на Coddy — урок 2 из 47.
Откройте список файлов. У проекта Next.js есть своя структура, и она имеет значение:
app/
layout.jsx the shell around every page
page.jsx the page at /
globals.css styles for the whole appДва имени файлов являются особенными, и вы будете использовать их постоянно:
page.jsx: превращает папку в посещаемый URL.app/page.jsx— это главная страница,/.layout.jsx: обертывает страницы, находящиеся внутри него. Корневой layout содержит теги<html>и<body>, поэтому every страница использует его совместно.
Имена — это не просто соглашение, которое вы можете изменить. Next.js ищет именно эти имена файлов. Именно так папка с файлами превращается в app с URL-адресами.
Корневой `layout` заблокирован в этих уроках, поэтому сломанный `shell` никогда не сломает ваше приложение `app`. Вы будете работать в app/page.jsx и файлах, которые добавите сами.
Попробуйте сами
В этом уроке нет задания по программированию.
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.