Menu
Coddy logo textTech

Папка 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 и файлах, которые добавите сами.

Попробуйте сами

В этом уроке нет задания по программированию.

quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Основы Next.js