Файловая структура проекта в Nuxt

После создания проекта в его папке формируется набор каталогов и файлов. Разберем главные элементы структуры Nuxt 4:

Папка app - сердце клиентской части. В app/pages позже будут лежать файлы страниц: имя файла задает маршрут. В app/components хранят переиспользуемые Vue-компоненты, в app/layouts - общие обертки для страниц. Каталог app/assets предназначен для ресурсов, которые проходят через сборку (стили, изображения с обработкой).

Файл app/app.vue - корневой компонент приложения. Через него проходит разметка всего сайта.

Папка public отдается как есть: сюда кладут favicon, robots.txt и другие файлы с фиксированным URL.

Каталог server - серверная часть Nuxt: API-маршруты и серверная логика, которая выполняется вне браузера.

В nuxt.config.ts задают глобальные настройки проекта. Файл package.json описывает зависимости и npm-скрипты. В node_modules npm хранит установленные пакеты - эту папку не правят вручную.