Изучите Nuxt с коллекцией из 100+ советов!

Интуитивный
Vue-фреймворк

Nuxt - это фреймворк с открытым исходным кодом который делает веб-разработку интуитивно понятной и мощной.
Создавайте производительные и производственные полнофункциональные веб-приложения и веб-сайты с уверенностью.
Начать

Доверяют лучшие фронтенд-команды

Мощь
компонентов Vue

Мы так же сильно любим компоненты Vue Single-File, как и вы. Простые, интуитивные и мощные, Nuxt позволяет вам писать компоненты Vue таким способом, который кажется логичным. Все повторяющиеся задачи автоматизированы, так что вы можете сосредоточиться на написании своего full-stack приложения Vue с уверенностью.
app.vue
<script setup>
useSeoMeta({
  title: 'Знакомьтесь: Nuxt',
  description: 'Интуитивно понятный фреймворк Vue.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

Статика или динамика,
выбор за вами

Выберите, какая стратегия рендеринга вам нужна на уровне страницы. Используя гибридный рендеринг, вы можете получить лучшее из двух миров: производительность статического сайта и интерактивность динамического.
<script setup>
// Pre-render the homepage at build time
defineRouteRules({
  prerender: true
})
</script>

<template>
  <div>
    <h1>Homepage</h1>
    <p>Pre-rendered at build time</p>
  </div>
</template>

Создавайте с помощью
всего необходимого.

Маршрутизация и лейауты.

Система маршрутизации на основе файлов для создания сложных представлений и интерфейсов с помощью мощного и традиционного подхода.

Получение данных

Композаблы, которые работают на сервере, получая данные для ваших компонентов и позволяя вам отображать контент различными способами.

Ассеты и стили.

Оптимизация изображений, шрифтов и скриптов со встроенной поддержкой CSS-модулей, Sass, PostCSS, CSS-in-JS и др.

SEO и мета теги

Пригодное для продакшена и индексируемое поисковыми системами, в то же время предоставляющее ощущение приложения для конечных пользователей.

Middleware

Выполнение настраиваемого кода, такого как аутентификация, локализация или A/B-тестирование перед рендерингом страницы или группы страниц.

Управление состоянием

Nuxt обеспечивает простой способ совместного использования реактивного и SSR-совместимого состояния между компонентами.

Transitions

Создавайте плавные переходы между лейаут, страницами и компонентами с помощью встроенной поддержки transitions Vue и браузера.

Обработка ошибок

Встроенная обработка ошибок и ведение логов помогут вам отладить приложение и обеспечить лучший пользовательский опыт.

Слои

Расширьте ваше приложение Nuxt с помощью другого приложения Nuxt для повторного использования компонентов, композиций, макетов, страниц и других элементов.

Серверные маршруты

Создайте API-ручки и серверные маршруты для безопасного взаимодействия с сторонними сервисами и использования их в вашем фронтенде.

Автоимпорты

Nuxt автоматически импортирует вспомогательные функции, композбалы и API-интерфейсы Vue для использования во всем вашем приложении без явного импорта.

TypeScript

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

Ускоренная доставка, благодаря
бесконечным интеграциям..

Интегрируйтесь с вашими любимыми инструментами и сервисами. Nuxt создан для гибкости и может быть расширен с помощью надежной экосистемы модулей. Подключите свое приложение к популярным headless CMS, eCommerce, базам данных или UI/UX библиотекам с помощью одной строки кода.
NetlifyNuxtHubVercelHerokuCloudflareAmplifyDigitalOceanTailwind CSSSupabaseStripeFirebaseStrapiWordPressDirectusStoryblokSanitySentryShopifyMeilisearchAlgolia

Создано разработчиками
по всему миру.

Разработкой Nuxt и его экосистемы занимается международная команда. Сообщество состоит из участников с разным кругозором и навыками - от контрибьюторов до защитников интересов разработчиков. Мы рады видеть новых членов каждый день и призываем всех присоединиться к нам и помочь разными способами: ответить на вопросы, выступить с докладом, создать модули и внести вклад в ядро.

Нам доверяет
World Wide Web.

Nuxt предлагает привлекательное решение и отличную экосистему, которая поможет вам fullstack-приложения на Vue, отличающиеся производительностью и SEO-дружелюбием. Гибкость в выборе между SSR и SSG является глазурью на торте.
Evan You

Evan You

Creator of Vue.js and Vite

Nuxt - это фантастический выбор для команд, создающих продукты продакшен класса в Интернете. Он нацелен на внедрение лучших практик производительности при сохранении превосходного Vue.js DX.
Addy Osmani

Addy Osmani

Chief Engineer of Chrome

Nuxt стал неоценимым источником инноваций и вдохновения для разработчиков и авторов фреймворков. Это было потрясающе наблюдать, как он растет и используется в веб-проектах по всему миру.
Guillermo Rauch

Guillermo Rauch

Co-founder and CEO of Vercel

Nuxt является выдающимся источником инноваций и вдохновения для разработчиков и авторов фреймворков. Это было невероятно наблюдать, как он развивается и используется в веб-проектах любого масштаба.
Sarah Drasner

Sarah Drasner

Director of Engineering, Google

Nuxt - это уникальный подход, сочетающий в себе отличные возможности для разработчиков с многоразовыми, полностью интегрированными функциями, которые ускоряют разработку и производительность вашего следующего сайта или приложения.
Dominik Angerer

Dominik Angerer

Сооснователь Storyblok

В тот момент, когда я впервые использовал Nuxt, я влюбился в него. Помимо его масштабируемости, производительности и опыта разработчиков, команда, стоящая за ним, также фантастична. Спасибо, что разработали такой замечательный фреймворк и сделали нашу жизнь намного проще!
Savas Vedova

Savas Vedova

Старший фронтенд-инженер в GitLab

Nuxt изменяет подход к веб-разработке, сочетая высокую производительность и удобный для разработчика опыт. Его гибкость в SSR и SSG, а также активное сообщество, подобное экосистеме Vue.js, делают его идеальным решением для современных веб-проектов.
Rijk van Zanten

Rijk van Zanten

Технический директор в Directus