Nuxt

Раздел посвящён Nuxt 3 — full-stack фреймворку на базе Vue 3. Здесь разбираются ключевые аспекты - от файловой маршрутизации до интеграции с экосистемой Vue.

11 статей 99 вопросов

Начни с базы

Основы Nuxt 3: структура, конфигурация и отличия от Vue SPA

Фундамент Nuxt 3 для подготовки к собеседованиям: создание проекта, структура папок, nuxt.config.ts, dev/prod окружения, auto-imports, рендеринг и ключевые отличия от обычного Vue SPA.

8 вопросов

Файловая маршрутизация в Nuxt 3

Как устроен роутинг в Nuxt 3: файловая маршрутизация в pages/, динамические и вложенные роуты, catch-all и optional catch-all, Route Groups, приоритет маршрутов, 404, useRoute, useRouter, definePageMeta и программная навигация navigateTo.

8 вопросов

Режимы рендеринга в Nuxt 3

Разбираем режимы рендеринга в Nuxt 3: SSR, SSG, CSR, ISR, SWR, гибридный рендеринг через routeRules, prerender, ssr, гидратацию Vue-приложения и когда какой режим выбирать.

9 вопросов

Composables и авто-импорты в Nuxt 3

Как устроены composables и auto-imports в Nuxt 3: встроенные composables useFetch, useAsyncData, useState, useHead, useRoute, useRuntimeConfig; создание своих composables; SSR-safe подход и отличия от Vue composables.

9 вопросов

Жизненный цикл приложения в Nuxt 3

Как устроен жизненный цикл Nuxt 3-приложения: плагины, route middleware, runtime hooks, порядок выполнения при старте, SSR и клиентской навигации, типичные ошибки и лучшие практики.

9 вопросов

Углубись в детали

Серверная часть Nuxt 3: Nitro, API-роуты, middleware, кэширование и деплой

Как устроена серверная часть Nuxt 3 на базе Nitro: server/api/, server/routes/, server/middleware/, обработчики defineEventHandler, работа с запросом и ответом, кэширование, пресеты деплоя и лучшие практики.

10 вопросов

Data fetching в Nuxt: useFetch, useAsyncData и $fetch

Пошаговый разбор data fetching в Nuxt: от проблемы двойного запроса до useFetch, useAsyncData, $fetch, ключей, ошибок, отмены запросов, cookies и кэширования.

8 вопросов

Состояние и SEO в Nuxt 3: useState, Pinia, useHead и Open Graph

Управление состоянием и SEO в Nuxt 3: useState, Pinia, useHead, useSeoMeta, meta-теги, Open Graph, SSR-сериализация и лучшие практики.

10 вопросов

Обработка ошибок в Nuxt 3

Обработка ошибок в Nuxt 3: error.vue, throwError, showError, vue:error hook, серверные ошибки, error boundary, SSR-safe обработка и логирование.

8 вопросов

Nuxt Layers: переиспользование конфигурации и кода между проектами

Как работают Nuxt Layers: переиспользование компонентов, composables, middleware, конфигурации и серверных роутов между проектами. Приоритеты, алиасы, монорепозитории и паттерны.

10 вопросов

Модули и экосистема Nuxt 3

Официальные и сторонние модули Nuxt 3, их подключение, создание собственных через defineNuxtModule, инъекция зависимостей и сравнение с Layers.

10 вопросов