Nuxt — свободный фреймворк с интуитивным и расширяемым подходом к созданию типобезопасных, быстрых и готовых к production full-stack приложений и сайтов на Vue.js.
Он даёт возможности для быстрой разработки быстрых, SEO-дружественных и масштабируемых приложений:
- Рендеринг на сервере, статическая генерация сайтов, гибридный и edge-рендеринг
- Автоматическая маршрутизация с code-splitting и предзагрузкой
- Получение данных и управление состоянием
- SEO и настройка мета-тегов
- Автоимпорт компонентов, композаблов и утилит
- TypeScript без дополнительной настройки
- Full-stack с каталогом server/
- Расширяемость через 300+ модулей
- Развёртывание на разных платформах
- …и многое другое 🚀
- 🚀 Начало работы
- 💻 Разработка на Vue
- 📖 Документация
- 🧩 Модули
- ❤️ Участие в разработке
- 🏠 Локальная разработка
- 🛟 Профессиональная поддержка
- 🔗 Мы в сети
- ⚖️ Лицензия
Создание нового проекта:
npm create nuxt@latest <my-project>Tip
Также можно использовать nuxt.new: запуск стартера Nuxt в CodeSandbox, StackBlitz или локально за несколько секунд.
Nuxt позволяет писать компоненты Vue просто и предсказуемо. Рутинные задачи автоматизированы — можно сосредоточиться на full-stack приложении.
Пример app.vue:
<script setup lang="ts">
useSeoMeta({
title: 'Meet Nuxt',
description: 'The Intuitive Vue Framework.',
})
</script>
<template>
<div id="app">
<AppHeader />
<NuxtPage />
<AppFooter />
</div>
</template>
<style scoped>
#app {
background-color: #020420;
color: #00DC82;
}
</style>Рекомендуем изучить документацию Nuxt — от быстрого старта до продвинутых тем. В этом репозитории есть перевод документации на русский (папка docs/).
Каталог модулей — модули от команды Nuxt и сообщества для расширения проекта.
Приглашаем участвовать в развитии Nuxt 💚
Как можно помочь:
- Сообщения об ошибках: как сообщить об ошибке.
- Предложения: идеи по улучшению — руководство по контрибуции.
- Вопросы: где получить помощь.
Настройка окружения для разработки фреймворка и документации.
- Аудит и консультации: Nuxt Experts
- Разработка под заказ: Партнёры Nuxt Agencies
